插件名称 | 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” | 动画表演 |