css滑动div不流畅怎么回事

html-css019

css滑动div不流畅怎么回事,第1张

css滑动div不流畅是因为使用了scroll属性。根据查询相关信息，div或模块使用了overflow：scroll属性，在iOS系统的手机上浏览时，则会出现明显的卡顿现象，但是在android系统的手机上则不会出现该问题。以下代码可解决这种卡顿的问题：-webkit-overflow-scrolling：touch。，是因为这行代码启用了硬件加速特性，所以滑动很流畅。这个方法的确可以解决以后系统的滑动卡顿问题。

1. 页面是否重绘如果每加载一次动画 dom树都重新绘制 肯定会造成卡顿 absolute脱离下文档流试试

2. 调用手机硬件加速 opacity：1

3. 再下来 估计就是手机硬件的问题了

如果animation修改的是一些常见属性width，height等等的话，建议修改成transform，scale等等css3的属性，因为食用菌搞这些css3的属性会制动开启GPU加速，是可以提高动画的流畅度的，也有可能是在页面刚开始加载的时候并没有加载完全就执行了动画，那就可以让动画延迟执行，其他情况还没想到。