Vue Loop Scroll


中文 | English

🚀 特性

- 🔥 超大数据流畅滚动
- 即使 10 万条数据，也能丝滑滚动不卡顿！仅渲染可视区域的 2 倍数据，大幅减少 DOM 负担，让滚动更流畅。
- 🌟 适应变化，始终顺滑
- 支持容器大小动态调整，即使数据实时更新，依然能保持平滑滚动，提供最佳用户体验。
- 🔧 灵活滚动控制
- 支持四向滚动、单步停顿、滚动速度调节、鼠标悬停控制等多种配置，让滚动更符合需求。

文档

📦 安装

``bash


npm

npm i @joyday/vue-loop-scroll

pnpm

pnpm i @joyday/vue-loop-scroll

yarn

yarn add @joyday/vue-loop-scroll
`

示例

$3

!Scroll in Direction Up

!Scroll in Direction Down

!Scroll in Direction Left

!Scroll in Direction Right

$3

#### 单步滚动暂停

!Step-by-Step Pause-1

!Step-by-Step Pause-2

#### 翻页滚动暂停

!Step-by-Step Pause-3

$3

!Responsive Viewport & Dynamic Data Update

🦄 使用

$3

组件的基本使用方法。

`html



`

$3

可以使用插槽自定义渲染内容。

`html



`

$3

可以配置滚动方向、单步暂停时间，并为数据项指定唯一标识键。

`html



``

贡献指南

欢迎参与贡献！请阅读贡献指南了解详情。

开源协议

本项目基于 MIT 协议 授权。