vue3-infinite-scroll-xs v0.3.0

无缝滚动插件

安装

npm i vue3-infinite-scroll-xs

cnpm i vue3-infinite-scroll-xs

使用

  import doron from 'vue3-infinite-scroll-xs'
  app.use(doron)
  
  <infiniteScroll></<infiniteScroll>

引入样式

import 'vue3-infinite-scroll-xs/dist/vue3-infinite-scroll-xs.css';

局部引入

优点： 1. 纯css实现，比js无缝滚动插件性能好 2. 支持vue3 3. 速度可控 4. 完美支持click事件，不会出现类似于seamless因为一半是复制节点而导致不触发click事件

缺点： 1. 只支持从下往上（后续考虑增加其他方向） 2. 不支持无缝滚动最小数据长度，当数据量低于容器高度时不滚动 3. 暂不支持单个停止