Vue.js库 用于基于滚动位置添加或删除DOM组件 - vue-scroll-between

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”动画表演