美文网首页
自动滚动(CSS)

自动滚动(CSS)

作者: Smile_smile_ | 来源:发表于2020-05-08 15:39 被阅读0次

需求:内容超出容器时自动滚动,且到底部时循环之前的内容;

实现:vue 封装dom复用,使用属性传参可自定义滚动时长,便于获取内容高度(也可以使用slot直接获取,即js注释的部分);css使用内联写入(便于传时间);动画使用JS注入(主要是为了写入高度或宽度)

vue封装自动滚动-DOM js部分 CSS

待优化:因为考虑滚动到底时会跳一下,为了过渡自然 dom需要写两遍,dom内容使用slot 传入,难以控制(据说slot可使用原生方式复制dom并写入,尝试无果)

补充(2020.05.14)发现了这个插件可以参考使用 vue-seamless-scroll  注:来源地址ECharts/Vue--(插件)tooltip显示自动播放与列表无缝滚动

相关文章

网友评论

      本文标题:自动滚动(CSS)

      本文链接:https://www.haomeiwen.com/subject/ikrbwhtx.html