# vue3-infinite-auto-rolling

> 基于vue3的无限滚动组件(Infinite scrolling Components Based on vue3)

Latest version **0.1.4** (published 2023-03-11) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue3-infinite-auto-rolling
pnpm add vue3-infinite-auto-rolling
yarn add vue3-infinite-auto-rolling
bun add vue3-infinite-auto-rolling
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.4 |
| Published | 2023-03-11 |
| First published | 2023-03-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 4 |
| Unpacked size | 913.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | caigl |
| Maintainers | caigl |

## Links

- npm: https://www.npmjs.com/package/vue3-infinite-auto-rolling
- npm.io page: https://npm.io/package/vue3-infinite-auto-rolling

## Dependencies (4)

- [vue](https://npm.io/package/vue.md) ^3.0.0
- [core-js](https://npm.io/package/core-js.md) ^3.6.5
- [rollup-plugin-dts](https://npm.io/package/rollup-plugin-dts.md) ^5.2.0
- [rollup-plugin-scss](https://npm.io/package/rollup-plugin-scss.md) ^4.0.0

## Recent versions

- 0.1.4 (latest) — 2023-03-11
- 0.1.3 — 2023-03-11
- 0.1.2 — 2023-03-10
- 0.1.1 — 2023-03-10
- 0.1.0 — 2023-03-10

## README

## API Reference

### description

The vue3 component for scrolling lists allows wrapped components to automatically scroll indefinitely
用于滚动列表的 vue3 组件让被包裹的组件自动无限滚动

#### install

```bash
npm i vue3-infinite-auto-rolling
```

#### props

| name            | type   | default | description       |
| --------------- | ------ | ------- | ----------------- |
| speed           | Number | 10      | Rolling speed     |
| containerHeight | Number | 300     | height            |
| step            | Number | 1       | translate px size |

### methods

| name         | description  | params |
| ------------ | ------------ | ------ |
| stop         | stop         |
| pause        | pause        |
| start        | start        |        |
| controlSpeed | controlSpeed | number |

```javascript
import vue3-infinite-auto-rolling from "vue3-infinite-auto-rolling"
    ...
<template>
 <vue3-infinite-auto-rolling >
    <list></list>
  </vue3-infinite-auto-rolling>
  </template>
```

### Source address

Thank you stars
https://github.com/ppjiucai/vue3-infinite-auto-rolling

---
_Source: https://npm.io/package/vue3-infinite-auto-rolling · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._