Vue.js库 用于基于滚动位置添加或删除DOM组件 - vue-scroll-between
| 插件名称 | vue-scroll-between |
|---|---|
| 发布时间 | 2021年1月27日 |
| 插件作者 | youngasimov |
一个Vue.js库，用于基于滚动位置添加或删除DOM组件。
安装和下载：
$ npm install vue-scroll-between用法
import Vue from 'vue'
import ScrollBetween from 'vue-scroll-between'
Vue.use(ScrollBetween);和内部Vue组件
<template>
<scroll-between-container id="app">
...
<scroll-between :min="300" :max="1000" transition="fade">
<p>This text will appear when scroll reach 300px and disapear when go over 1000px</p>
<scroll-between>
</scroll-between-container>
</template>属性
| 属性 | 类型 | 默认 | 描述 |
|---|---|---|---|
min | Number | null | 从顶部最小高度以激活元素 |
max | Number | null | 从顶部到激活元素的最大高度 |
transition | String | “fade-pop” | 动画表演 |