【发布时间】:2013-02-15 16:36:13
【问题描述】:
http://www.andrewsmorris.co.uk/blog/
当您单击左侧的按钮时,我有一个侧边栏会滑出,但问题是,在 iOS 上,当我单击它时,页面上会出现水平滚动条。 当我在桌面浏览器上单击它时我不会这样做,因为它会在 body 类中添加一个带有 overflow:hidden 的类。
理论上,这也应该可以防止 iPhone 上出现相同的不需要的水平滚动,但这不是因为我无法解决的原因。
我可以将 overflow-x:hidden 应用到 html 元素,但无论您身在何处,这似乎都会将页面跳到顶部,这是不受欢迎的行为。
【问题讨论】:
-
遇到同样的怪癖。您找到解决方案了吗?
-
恐怕不会,不会。如果您正在为移动设备制作类似类型的菜单,我建议您将其设置为 position:fixed 并将其滑过内容。见鬼,连 facebook 都想不出这个怪癖,当菜单打开时,他们的移动端有水平滚动条。
-
谢谢,安迪。感谢回复。
-
你有那个页面的链接吗?还要检查 Jquery Mobile 滑动到菜单。如果您有滚动内容,请尝试将高度和宽度设置为 100%(正文和 html)使用 -webkit-overflow-scrolling :touch 您是否使用 webkit 过渡到幻灯片?