添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

@david-j/vue-j-scroll

1.2.7 Public • Published

vue-j-scroll

A Vue.js project

一个循环滚动列表插件

该插件为 vue-seamless-scroll 的升级版 ,可以自动滚动也可以手动滚动。dom 中的事件也保存了下来。 推荐数据量小于 1000,以保证插件的性能。

npm install @david-j/vue-j-scroll --save-dev 来安装
在项目中使用
import VueScroll from '@david-j/vue-j-scroll';
Vue.use(VueScroll);
< vue-j-scroll class= " list-style " :data= " youData " :steep= " 1 " scrollDirection= " bottom " :isRoller= " true " :rollerScrollDistance= " 50 " v-for= " (item, index) in newData " :key= " 't' + index " class= " list-item " < p > {{ item + " rrrrssserrdd " }} < /p > < /vue-j-scroll >

注:如没有显示亲为嵌入的标签设置字体大小 注: 当scrollDirection 为top或bottom时,一定要为 vue-j-scroll 组件设置高度。 当scrollDirection 为left或right时,一定要为 vue-j-scroll 组件设置宽度。并为嵌入vue-j-scroll中的标签设置样式为display:inline-block; 示例样式名为list-item可以更改为其他类名。