tank-vue3-seamless-scroll基于 Vue 的无缝滚动插件

tank-vue3-seamless-scroll 是一个高性能的无缝滚动插件。

特性

• 高性能
• 事件监听不会失效
• 速度可调节
• 反向滚动
• debug

渲染问题

默认帧率限制在了（1000/32）ms，也就是 32 帧。

性能

偏移量更新采用了 js 设置 css3 3d 模式，保证了性能可利用

ref_warp.value.style.setProperty("transform", `translate3d(0px ,${translateY}px,0px)`

安装

npm install --save tank-vue3-seamless-scroll

使用

<div style="height:300px;">
    <tank-seamless-scroll :step-length="25" :debug="true" :reverse="false">
        <div class="demo">
            <div v-for="i in 2" :key="i">测试{{ i }}</div>
        </div>
    </tank-seamless-scroll>
</div>