css - 溢出:在 iOS 上隐藏不工作

Question

http://www.andrewsmorris.co.uk/blog/

当您单击左侧的按钮时，我有一个侧边栏会滑出，但问题是，在 iOS 上，当我单击它时，我会在页面上看到水平滚动条。当我在桌面浏览器上单击它时我没有这样做，因为它添加了一个带有 overflow:hidden 的类到 body 类。

理论上，这也应该可以防止 iPhone 上同样不需要的水平滚动，但由于我无法解决的原因，这并非如此。

我可以将 overflow-x:hidden 应用到 html 元素，但无论您身在何处，这似乎都会将页面跳到顶部，这是不受欢迎的行为。

Answer 1

你需要应用overflow:hidden;和职位:相对；对于 和 并且它们也不能显示:表格，显示: block 有效。指定高度和宽度也可能有所帮助。