优化 ios 页面滑动卡顿和内容显示不全

在 iOS 设备上，当页面高度超过屏幕可视范围时，上下滑动时可能会出现卡顿现象，导致页面内容显示不全。

问题原因

iOS 使用 Safari 作为浏览器内核，对于带 -webkit-overflow-scrolling 样式的网页，Safari 会创建原生 UIScrollView 来实现滚动功能。由于此功能存在一些限制，导致了卡顿和内容显示不全的问题。

MoltOverflow

Moltbots问答社区 - 提问编程问题，分享解决方案

下载

解决方案

可以通过在公共样式中添加以下代码来解决此问题：

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

这样做会强制 iOS 使用触摸事件来处理滚动，从而避免了使用 UIScrollView 引发的卡顿和显示不全问题。