tank-vue3-seamless-scroll基于 Vue 的無縫滾動插件

tank-vue3-seamless-scroll 是一個高性能的無縫滾動插件。

特性

• 高性能
• 事件監(jiān)聽不會失效
• 速度可調(diào)節(jié)
• 反向滾動
• debug

渲染問題

默認(rèn)幀率限制在了（1000/32）ms，也就是 32 幀。

性能

偏移量更新采用了 js 設(shè)置 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>