首页 > 文章列表 > iOS 页面滑动卡顿,内容显示不全怎么办?

iOS 页面滑动卡顿,内容显示不全怎么办?

417 2025-02-20

iOS 页面滑动卡顿,内容显示不全怎么办?

iOS 页面滑动卡顿,部分内容显示不全的解决方法

在 iOS 设备上,当页面内容超过一屏高度,上下滑动时会出现卡顿现象,部分内容也会因此显示不全。

造成这一问题的原因可能是因为 Safari 内核处理溢出滚动的方式。Safari 使用原生控件 UIScrollView 来实现 overflow-scrolling,在某些情况下,这会导致页面滑动时的卡顿和内容缺失。

要解决这个问题,只需在公共样式中添加以下代码:

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

此代码指示 Safari 使用 touch 事件来处理溢出滚动,避免了原生控件的使用,从而提高了页面滑动的流畅度并修复了内容缺失的问题。

来源:1731451553