# ollo

> 公众号H5🈲触顶后允许局部元素滚动解决方案

Latest version **1.0.5** (published 2022-07-22) · MIT license · 0 weekly downloads

## Install

```sh
npm install ollo
pnpm add ollo
yarn add ollo
bun add ollo
```

## Health

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

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.5 |
| Published | 2022-07-22 |
| First published | 2022-07-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Perfumere |
| Maintainers | fc1061393710 |
| Keywords | scrollable, scroller, vue-scroll, weixin |

## Links

- npm: https://www.npmjs.com/package/ollo
- npm.io page: https://npm.io/package/ollo

## Recent versions

- 1.0.5 (latest) — 2022-07-22
- 1.0.4 — 2022-07-22
- 1.0.3 — 2022-07-10
- 1.0.2 — 2022-07-10
- 1.0.1 — 2022-07-10
- 1.0.0 — 2022-07-10

## README

# ollo

## Vue3环境插件

### 注册局部滚动指令

- 支持响应式变量

```ts
// main.ts (入口文件)
import { createApp } from 'vue';
import { scroller } from 'ollo';
import App from './App.vue';

const app = createApp(App);

app.use(scroller);
app.use(longtouch);
```

```html
<!-- case 1 -->
<template>
    <textarea v-scroll />
</template>

<!-- case 2 -->
<template>
    <textarea v-scroll="true" />
</template>

<!-- case 3 -->
<template>
    <textarea v-scroll="false" />
</template>

<!-- case 4 -->
<template>
    <textarea v-scroll="shouldScroll" />
</template>
```


```html
<!-- case 1 -->
<template>
    <!-- 单指按下400ms, 触发 -->
    <textarea v-longtouch="callback" />
</template>

<!-- case 2 -->
<template>
    <!-- 单指按下500ms, 触发 -->
    <textarea v-longtouch:500="callback" />
</template>

<script setup>
function callback() {
    // doSomething
}
</script>
```

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