首页 > 文章列表 > 如何解决 iOS 页面滑动卡顿和内容显示不全问题?

如何解决 iOS 页面滑动卡顿和内容显示不全问题?

142 2025-03-22

如何解决 iOS 页面滑动卡顿和内容显示不全问题?

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

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

问题原因

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

解决方案

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

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

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

来源:1731451305