2、如果是幻灯片,可以用swiper插件一类的。
3、尽量用css3开启GPU加速(css随便哪里加个{transform:transition3d(0,0,0)}),用transform:translate(x,y)代替mairgin或者top。
4、减少滑动过程中的运动DOM。
简单demo:使用HTML+CSS 实现轮播图(三张图为例,分别为:红、绿、蓝)的效果。
不能发视频,截图来代替吧
1.显示 轮播图1(实际轮播的第2个元素li)
2.显示 轮播图2(实际轮播的第3个元素li)
3.显示 轮播图3(实际轮播的第4个元素li)
4.显示 轮播图1(实际轮播的第5个元素li,之后会紧跟着重复以上动作)