需求:内容超出容器时自动滚动,且到底部时循环之前的内容;
实现:vue 封装dom复用,使用属性传参可自定义滚动时长,便于获取内容高度(也可以使用slot直接获取,即js注释的部分);css使用内联写入(便于传时间);动画使用JS注入(主要是为了写入高度或宽度)
![](https://img.haomeiwen.com/i17053554/bf785ea37a47f67b.png)
![](https://img.haomeiwen.com/i17053554/dfa3658f535d92f2.png)
![](https://img.haomeiwen.com/i17053554/bce17617db575a12.png)
待优化:因为考虑滚动到底时会跳一下,为了过渡自然 dom需要写两遍,dom内容使用slot 传入,难以控制(据说slot可使用原生方式复制dom并写入,尝试无果)
补充(2020.05.14)发现了这个插件可以参考使用 vue-seamless-scroll 注:来源地址ECharts/Vue--(插件)tooltip显示自动播放与列表无缝滚动
网友评论