【问题标题】:Overflow Scrolling on iOSiOS 上的溢出滚动
【发布时间】:2014-07-02 12:15:10
【问题描述】:

为了将我的网页剪辑到屏幕上,我在 CSS 中使用以下代码:

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

但是,在 iOS 上滚动时,页面会变得不稳定。我尝试使用此代码:

-webkit-overflow-scrolling: touch;

它为我所做的只是将overflow-x 更改为滚动(虽然overflow-x 是可滚动的,但页面滚动流畅)。我也尝试将上面的代码作为 HTML 中的样式。

提前致谢。

【问题讨论】:

    标签: html ios css scroll overflow


    【解决方案1】:

    使用时:

    -webkit-overflow-scrolling: touch;
    

    您还必须设置:

    overflow-y: scroll;
    

    希望这会有所帮助!

    【讨论】:

    • 谢谢,但仍然不能解决问题。似乎这也影响了其他桌面浏览器上的滚动。问题是,如果没有代码,伪元素会延伸到边缘之外。
    • 所以问题是滚动不流畅是内容溢出?你能发布完整的代码或示例或屏幕截图吗?
    • 在这里,这与我面临的问题相同。如果您在 Chrome(或其他 webkit 浏览器)中查看此页面:link,伪元素会导致页面能够水平滚动相当长的时间(link)。我通过使用上面的代码解决了这个问题,但遇到了一个轻微的滚动问题。使用上面的代码时,滚动变得不稳定。感谢您的所有帮助。
    猜你喜欢
    • 2015-12-10
    • 1970-01-01
    • 1970-01-01
    • 2014-08-31
    • 2016-11-21
    • 2023-03-17
    • 2014-06-03
    • 2015-04-17
    • 1970-01-01
    相关资源
    最近更新 更多