小编Den*_*hii的帖子

带有香草JavaScript的无限旋转木马

我正在尝试使用纯JavaScript 构建自己的轮播.

我正在努力寻找最有效的方式来添加一个infinite carousel选项.

由于某些原因,每个元素(照片,通用对象)必须有一个 id

我看到的算法是这样的:

  • 你检查旋转木马是否溢出(足够的物体适合整个容器)
  • 如果不是:将第一个元素的副本附加到后面,然后附加第二个元素的副本,依此类推.(但是id会有问题,因为这个对象会有相同的id)

添加副本 - 如果用户滚动到最后一个对象(向右),则将第一个DOM对象追加到数组中
- 如果用户滚动到第一个对象(向左),则将最后一个DOM子项添加到数组前面.

这会起作用吗?有没有其他有效的方式做无限旋转木马?

我还听说使用translate属性而不是更改左,右属性更好,因此GPU的工作量比CPU高.

javascript carousel infinite-carousel

6
推荐指数
1
解决办法
6917
查看次数

标签 统计

carousel ×1

infinite-carousel ×1

javascript ×1