vue实现文字上下无缝滚动动画

实现原理:在滚动时需要将第一个元素,添加到元素的最后,并将第一个元素删除。定义一个变量控制动画效果。






补充功能:当鼠标移入时,停止滚动。鼠标移除时,继续滚动

  • {{ item }}
  • // 移入鼠标 const handleMethods = () => { clearInterval(timer); }; // 移除鼠标 const handelLeave = () => { timer = setInterval(scrollAnimate, props.time); };

    你可能感兴趣的:(vue.js,javascript,前端)