https://github.com/yuan66-hub/virtual-seamless-scroll

基于react的无缝虚拟滚动组件
https://github.com/yuan66-hub/virtual-seamless-scroll

react react-component seamless virtual-scroll

Last synced: 2 months ago
JSON representation

基于react的无缝虚拟滚动组件

• Host: GitHub
• URL: https://github.com/yuan66-hub/virtual-seamless-scroll
• Owner: yuan66-hub
• Created: 2024-12-02T08:34:40.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-02T08:35:31.000Z (over 1 year ago)
• Last Synced: 2025-05-22T22:06:28.756Z (about 1 year ago)
• Topics: react, react-component, seamless, virtual-scroll
• Language: TypeScript
• Homepage:
• Size: 798 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
#  react-virtual-seamless-scroll

> 仅支持等高等宽无缝滚动

##  运行 

```bash

pnpm i && pnpm run dev

```

## 效果

![这是图片](/docs/preview.gif "Magic Gardens")

## 组件参数说明

| 参数 | 说明                        | 类型      | 默认值       |

| --- |---------------------------|---------|-----------|

| list | 数据源                       | Array   | []        |

| limitScrollNum | 开启滚动的数据量，只有列表长度大于等于该值才会滚动 | Number  | 100       |

| intervalTime | 滚动间隔时间(ms,越小约快)           | Number  | 300       |

| maxViewNum | 视图里最多显示的数据量(开启虚拟列表的阈值)    | Number  | 20        |

| mouseenterStop | 鼠标移入是否停止滚动                | Boolean | true      |

| direction | 滚动方向(vertical horizontal)                    | String  | vertical  |

## 参考

- [vue-seamless-scroll](https://github.com/chenxuan0000/vue-seamless-scroll)

- [virtual-seamless-scroll](https://github.com/wy1348666498/virtual-seamless-scroll)