【问题标题】:overflow:hidden on iOS not working溢出:隐藏在 iOS 上不起作用
【发布时间】: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 过渡到幻灯片?

标签: css overflow


【解决方案1】:

你需要应用溢出:隐藏;和位置:相对;两者和它们也不能显示:表,显示:块工作。指定高度和宽度也可能会有所帮助。

【讨论】:

    【解决方案2】:

    我不知道有什么解决方案可以让您使用 overflow: hidden;根据您提供的信息。不过,我可以建议您使用 iScroll 进行移动滚动!

    cubiq's website看看吧

    【讨论】:

      猜你喜欢
      • 2020-06-16
      • 2012-10-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-04-22
      • 2014-04-16
      • 1970-01-01
      相关资源
      最近更新 更多