如何修复移动响应网站上的粘滞滚动？

Question

我正在构建一个移动响应式网站。 我注意到，当使用 iPhone 滚动页面时，滚动很粘且不流畅，而在 android 手机上则可以。

这个粘性滚动条的原因是什么？我什至在我的浏览器上都看不到它！请看一下我在 JSfiddle 上的代码。图像不会加载，但无论如何您都不需要它们（您可以看到它们的边界）。我建议您使用 320px 宽度来查看页面，以便所有图标都井井有条。

Answer 1

因此，您可以将这一行添加到您的正文或主 div：-webkit-overflow-scrolling: touch; 成功了。