English | [中文](./README_zh.md)
npm install tank-vue3-seamless-scrollEnglish | 中文
content-visibility
shell
npm install --save tank-vue3-seamless-scroll
`
$3
`js
import TankSeamlessScroll from "tank-vue3-seamless-scroll"
`
$3
`html
test{{ i }}
`
$3
| Prop | Type | Default | Description |
|------|------|---------|-------------|
| step-length | Number | 60 | Scroll speed in pixels per second |
| reverse | Boolean | false | Reverse scrolling direction |
| debug | Boolean | false | Show debug overlay |
| pauseOnHover | Boolean | true | Pause animation on mouse hover |
| virtual | Boolean | false | 🆕 Enable virtual scrolling mode |
| data | Array | [] | 🆕 Data array (virtual mode only) |
| item-height | Number | 50 | 🆕 Item height in pixels (virtual mode only) |
| buffer | Number | 5 | 🆕 Buffer items count (virtual mode only) |
$3
For large datasets (1000+ items), use virtual scrolling:
`html
:virtual="true"
:data="bigDataList"
:item-height="40"
:step-length="100">
{{ item.text }}
``