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>