iOS 上的溢出滚动答案

【问题标题】：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 中的样式。

提前致谢。

【问题讨论】：

【解决方案1】：

使用时：

-webkit-overflow-scrolling: touch;

您还必须设置：

overflow-y: scroll;

希望这会有所帮助！

【讨论】：

谢谢，但仍然不能解决问题。似乎这也影响了其他桌面浏览器上的滚动。问题是，如果没有代码，伪元素会延伸到边缘之外。
所以问题是滚动不流畅是内容溢出？你能发布完整的代码或示例或屏幕截图吗？
在这里，这与我面临的问题相同。如果您在 Chrome（或其他 webkit 浏览器）中查看此页面：link，伪元素会导致页面能够水平滚动相当长的时间（link）。我通过使用上面的代码解决了这个问题，但遇到了一个轻微的滚动问题。使用上面的代码时，滚动变得不稳定。感谢您的所有帮助。