轮播

情况一:
公告栏轮播:每1s执行一次1-3
1)step1:将数组第一个push到数组末尾
2)transform:translateY,改变Y的值到 负数 元素的高度位置,transition:transform 500ms ease,(500ms之后到达负元素高度位置)
3)500ms之后,将第一个元素删除,先将transform:translateY, 移动都0,然后数组shift,移除第一个元素,
重复1-3,即可实现轮播滚动,如果想实现没有停顿的轮播,改变时间即可
情况二:
公告栏轮播
1)定义一个变量,初始值为0
2)每一秒变量加一
3)计算是不是滚动到头了(当前滚动的条数-当前滚动区域可见条数),如果是,将变量设置为0; 将transform 改变y的值改为0
4)否则transform 改变y的值,到-元素的高度*num px;

原文地址:https://www.cnblogs.com/Running00/p/13474153.html