virtual-seamless-scroll v1.0.6

virtual-seamless-scroll

介绍

基于Vue3.0的无缝滚动组件，支持虚拟列表，支持横向滚动和纵向滚动，支持鼠标移入停止滚动，支持自定义滚动间隔时间，支持自定义开启滚动的数据量

安装

1. npm

   npm install virtual-seamless-scroll --save

2. Yarn

   yarn add virtual-seamless-scroll

组件配置

注意项

1. 该组件需要父元素设置宽高，否则无法正常滚动
2. limitScrollNum的值需要大于等于maxViewNum的值，否则无法正常滚动
3. 组件列表的每一项的高度（纵向滚动时）、宽度（横向滚动时）需要一致，否则滚动会出现问题

使用

全局注册

// **main.js**
  import { createApp } from 'vue';
  import App from './App.vue';
  import VirtualSeamlessScroll from 'virtual-seamless-scroll'
  const app = createApp(App);
  app.use(VirtualSeamlessScroll);
  app.mount('#app');

局部注册

// **.vue**
  import { VirtualSeamlessScroll } from 'virtual-seamless-scroll'
  export default {
    components: {
      VirtualSeamlessScroll
    }
  }