移动/ iOS溢出:自动无法正常工作

时间:2016-08-06 19:59:15

标签: javascript jquery html ios css

编辑:区别在于我正在使用他们的解决方案而且它无法正常工作。

我有一个水平卷轴网站。我正在制作它,以便页面水平滚动而不是向下滚动。此代码正在桌面上进行水平滚动,但它不适用于移动设备。我该如何解决这个问题?

谢谢!

body, html{
    width: 100%;
    height: 100%;
    white-space: nowrap;
}

#slides-container{
    width: 100%;
    height: 100%;
    display: block;
}

#slides{
    width: 200%;
    height: 200%;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y:hidden;
    overflow-x:auto; 
   -webkit-overflow-scrolling: touch;
}

1 个答案:

答案 0 :(得分:0)

如果其他人正在使用水平滚动条,并且正在尝试实现用户在网络和移动设备上水平滚动的功能,那么我终于找到了解决这个问题的解决方案:

http://manos.malihu.gr/jquery-custom-content-scroller/

希望它有所帮助。谢谢!