vue实现无缝滚动 标签部分 <div style="height: 260px; width: 50%;display: inline-block;float: right; overflow: hidden;"> <ul id="con1" ref="con1" :class="{anim:animate==true}" > <li style="border: 1px solid red;height: 84px" v-for='item in items'>{{item.name}}</li> </ul> </div> 脚本设置 <script> export default {data() { return { animate:false, items:[ {name:"霸气外露的xxx体育工作1"}, {name:"霸气外露的xxx体育工作2"}, {name:"霸气外露的xxx体育工作3"}, {name:"霸气外露的xxx体育工作4"}, {name:"霸气外露的xxx体育工作5"}, {name:"霸气外露的xxx体育工作6"}, {name:"霸气外露的xxx体育工作7"}, ] }},created(){ setInterval(this.scroll,1000)},methods: { scroll(){ this.animate=true; // 因为在消息向上滚动的时候需要添加css3过渡动画,所以这里需要设置true setTimeout(()=>{ // 这里直接使用了es6...