如何解决滚动站点的问题？

Question

美好的一天。

有一个页面CSS / HTML-http://promocodesoft.com/q/kupon.html

当我在iPhone或iPad（仅在Safari浏览器）上滚动浏览此站点时，它滚动的速度非常慢，这与其他设备不同。我认为问题出在JS上吗？

也就是说，当我滚动浏览任何站点并放开手指时，由于惯性，该站点会自行滚动一段时间。但是在苹果设备上没有这种惯性。当我松开手指时，滚动立即停止。

可能是什么问题？

观看视频的工作原理-https://www.youtube.com/watch?v=Fqkr-qKzfl8&feature=youtu.be

Answer 1

您需要在页面上添加以下CSS，以使在iOS设备上的Safari中顺利滚动：

body {
    -webkit-overflow-scrolling: touch;
}

页面似乎将overflow-scrolling设置为auto，这使得从屏幕上松开手指后立即停止滚动。