css滑动div不流畅怎么回事

html-css09

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

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

网页中使用gif动态图时，部分IE浏览器会出现动画不流畅的效果，体验很不好。故可以考虑使用CSS3 animation来控制动画播放，避免使用gif动态图。其实际原理为，把动态图拼接成当行排列的雪碧图，通过CSS3 animation控制雪碧图的移动速度，进而模拟gif的图片播放效果。