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>
评论