javascript - 移动/iOS 溢出 :auto Not Working

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

最佳答案

如果其他人正在研究水平滚动条并且正在尝试实现用户在 Web 和移动设备上水平滚动的能力,那么这就是我最终发现适用于我的情况的解决方案:

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

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

关于javascript - 移动/iOS 溢出 :auto Not Working,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38808238/

相关文章:

javascript - Lodash _.set 仅当对象存在时

php - ajax如何读取$_post变量

javascript - 为什么我需要将单词 this 添加到我的 javascript 方法中

javascript - Node.js 请求序列化的最简单方法

javascript - 需要优化的解决方案,用于隐藏选择框选项

javascript - 在 1 页上配置 2 个 javascript slider

html - 倾斜 Bootstrap 导航列表项并保持链接直

javascript - flask 倒计时

jquery - 如果在 jQuery 中不显示任何元素,则更改另一个元素的可见性

javascript - 显示 HTTP 请求时间