js实现列表自动滚动循环播放

发布时间:2023-03-23 10:30

本文实例为大家分享了js实现列表自动滚动循环播放的具体代码,供大家参考,具体内容如下

1.实现效果图

鼠标移入,暂停滚动; 鼠标移出,继续滚动;

js实现列表自动滚动循环播放_第1张图片

2.原理

  • 要实现无缝衔接,在原有ul后面还要有一个一样内容的ul;
  • 最外层div为可视区域,设overflow:hidden;
  • 2个ul的高度 > 外层可视div高度,才能滚动;

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号