css解决滚动不流畅的问题
1、ios端的-webkit-overflow-scrolling属性可控制页面滚动效果，设置如下实现惯性滚动和弹性效果：
-webkit-overflow-scrolling: touch
2、position属性导致的页面滚动不流畅问题：
（相关课程推荐：css视频教程）
<div style="overflow-x: hidden; overflow-y: auto; position: absolute; height: 200px;">
<div style="position: relative; height: 200px;"></div>
<div style="position: relative; height: 200px;"></div>
<div style="position: relative; height: 200px;"></div>
</div>如上代码所示，当absolute定位的容器内存在relative定位并且高度大于外置容器时，容器的滚动会出现卡顿闪烁现象，解决方法如下所示：
<div style="overflow-x: hidden; overflow-y: auto; position: absolute; height: 200px;">
<div style="position: absolute; top: 0; left: 0;">
<div style="position: relative; height: 200px;"></div>
<div style="position: relative; height: 200px;"></div>
<div style="position: relative; height: 200px;"></div>
</div>
</div>可以用一个absolute容器将内部relative元素包裹起来，便可解决滚动闪烁问题。
本文来自css答疑栏目，欢迎学习！
以上就是css解决滚动不流畅的问题的详细内容，更多请关注0133技术站其它相关文章！
