编辑:不同之处在于我使用的是他们的解决方案,但它不起作用。
我有一个水平滚动条网站。我正在努力使页面水平滚动而不是向下滚动。此代码适用于桌面水平滚动,但不适用于移动设备。我将如何解决这个问题?
谢谢!
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;
}
最佳答案
如果其他人正在研究水平滚动条并且正在尝试实现用户在 Web 和移动设备上水平滚动的能力,那么这就是我最终发现适用于我的情况的解决方案:
http://manos.malihu.gr/jquery-custom-content-scroller/
希望对您有所帮助。谢谢!
关于javascript - 移动/iOS 溢出 :auto Not Working,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38808238/