iOS App 页面滑动卡顿且内容显示不全，如何解决？

对于一个文章开发者来说，牢固扎实的基础是十分重要的，golang学习网就来带大家一点点的掌握基础知识点。今天本篇文章带大家了解《iOS App 页面滑动卡顿且内容显示不全，如何解决？ 》，主要介绍了，希望对大家的知识积累有所帮助，快点收藏起来吧，否则需要时就找不到了！

iOS App 滑动卡顿页面显示不全的解决之道

在 iOS 应用程序中，当页面高度超过屏幕高度时，向下滑动时页面内容显示不全并出现卡顿现象。

成因分析

iOS 使用 Safari 内核，其将 overflow-scrolling 属性的值为 auto 的元素渲染到原生控件 UIScrollView。对于这类元素，Safari 会在根层创建一个 UIScrollView，并将该元素的子层分派给渲染引擎。

解决方案

解决此问题的关键在于将 overflow-scrolling 属性的值设置为 touch。这样做，Safari 将使用 touch 事件直接处理滚动，而不是依赖于原生控件。只需在公共样式中添加以下 CSS 代码即可：

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

添加此样式后，页面将能够平滑滚动，且内容不会被截断。

到这里，我们也就讲完了《iOS App 页面滑动卡顿且内容显示不全，如何解决？ 》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！