Vue3 seamless scroll component

tank-vue3-seamless-scroll

features

  • This is a high-performance seamless scrolling plug-in
  • Event monitoring will not fail

preview

Quick Start

install

npm install --save tank-vue3-seamless-scroll

import

import TankSeamlessScroll from "tank-vue3-seamless-scroll"

use component

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

api

step-length

  • desc:Pixel height moved per second
  • default: 60 (px/second)
  • type: Number

reverse

  • desc:The animation will play in reverse scrolling
  • default: false
  • type: Boolean

debug

  • desc:Whether to display debugging information
  • default: false
  • type: Boolean

GitHub

View Github