【问题标题】:Mobile/iOS Overflow:auto Not Working移动/iOS 溢出:自动不工作
【发布时间】:2016-08-06 19:59:14
【问题描述】:

编辑:不同之处在于我正在使用他们的解决方案,但它不起作用。

我有一个水平滚动网站。我正在努力使页面水平滚动而不是向下滚动。此代码适用于桌面以水平滚动,但不适用于移动设备。我将如何解决这个问题?

谢谢!

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;
}

【问题讨论】:

标签: javascript jquery html ios css


【解决方案1】:

如果其他人正在使用水平滚动器并试图实现用户在网络和移动设备上水平滚动的能力,这就是我最终找到的适用于我的案例的解决方案:

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

希望对您有所帮助。谢谢!

【讨论】:

    猜你喜欢
    • 2014-03-07
    • 2021-02-11
    • 1970-01-01
    • 2013-08-28
    • 1970-01-01
    • 1970-01-01
    • 2013-04-21
    • 2017-12-22
    • 2014-01-21
    相关资源
    最近更新 更多