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>
评论
jQueryMarqueemarquee 无缝滚动插件
jQueryMarquee是一个基于jquery实现的marquee无缝滚动插件一共有三个可选参数,一个回调方法。$(dom).marquee(options,callback);options可选参
jQueryMarqueemarquee 无缝滚动插件
0
vue-better-calendar基于 Vue 的日期选择插件
vue-better-calendarvue-better-calendar是一个基于Vue的日期选择插件,它提供了四种日期选择模式(范围选择,多选,签到,单选)安装使用npm安装 npm inst
vue-better-calendar基于 Vue 的日期选择插件
0
react-infinite-loading基于浏览器的 React 无限滚动插件
react-infinite-loading基于浏览器的React无限滚动插件安装react-infinite-loading要求React15或更高版本install --save-dev reac
react-infinite-loading基于浏览器的 React 无限滚动插件
0
react-infinite-loading基于浏览器的 React 无限滚动插件
react-infinite-loading基于浏览器的 React 无限滚动插件安装react-i
react-infinite-loading基于浏览器的 React 无限滚动插件
0
vue-cli-plugin-apicloud基于 vue cli 的 apicloud 插件
vue-cli-plugin-apicloud 是基于vue cli 的apicloud插件,方便添
vue-cli-plugin-apicloud基于 vue cli 的 apicloud 插件
0
vue-cli-plugin-apicloud基于 vue cli 的 apicloud 插件
vue-cli-plugin-apicloud是基于vuecli的apicloud插件,方便添加apicloud模板,最快使用vue开发apicloud。支持wifi调试、同步使用假设你有一个vue项
vue-cli-plugin-apicloud基于 vue cli 的 apicloud 插件
0
精彩!Vue 实现消息列表向上无缝滚动!丝滑...
点击上方 蓝字 关注我们大家好,我是CodeQi! 最近,我的老板又给我布置了一个有趣的任务——实现一个消息列表向上无缝滚动的效果。刚听到这个需求时,我差点以为要让我编写一个“电梯广告屏”!不过,作为一个乐于挑战的开发者,这种需求反而激发了我的兴趣。于是,我带上 Vue
前端迷
0