css中overflow滑动效果在IOS中不流畅

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css中overflow滑动效果在IOS中不流畅相关的知识,希望对你有一定的参考价值。

最近新作的一个项目中遇到一个问题,有一段很长的表格,手机显示器展示不全,需要做滑动继续展示的效果;

OK,很简单,使用overflow-x:auto;谷歌模拟器一切正常,安卓正常,可是打完包在ios上,滑动效果慢到完全跟随手指的移动而移动,这样是肯定不行的经过百度发现了解决之道;

-webkit-overflow-scrolling: touch;

度娘说这句话是启动了硬件加速的特性,所以滑动起来会非常流畅;不过会影响性能;经过测试,发现影响看不出,果断选择用它;

完美解决~~~~~~~

以上是关于css中overflow滑动效果在IOS中不流畅的主要内容,如果未能解决你的问题,请参考以下文章

IOS移动端滚动问题之-webkit-overflow-scrolling

关于overflow-y:scroll ios设备不流畅的问题

在纯 CSS 视差中平滑滚动

iOS原生流畅滚动属性overflow-scrolling:touch

解决ios移动端,滑动回弹效果遮挡页面顶部和底部Fixed元素的问题

CSS 轮播图的实现(纯CSS,连续滑动无倒滑效果)