v-scroll-progress

2.1.2 • Public • Published

v-scroll-progress

a vue directive that calls given function with scroll progress of binded element

Installation

npm

npm install v-scroll-progress --save

yarn

yarn add v-scroll-progress

Basic Usage

import Vue from 'vue';
import scrollProgress from 'v-scroll-progress';
// use default options
Vue.use(scrollProgress);
<template>
  <div v-scroll-progress="scrollProgress">
    an element with scrollable content
  </div>
  <div v-scroll-progress.horizontal="scrollProgress">
    an element with horizontal scrollable content
  </div>
</template>

<script>
export default {
  methods: {
    scrollProgress(progress) {
      console.log(progress);
      // prints a float value between 0-100 when the element is scrolled
    }
  }
}

</script>

Example

A working example is available here

Edit v-scroll-progress-example

Package Sidebar

Install

npm i v-scroll-progress

Weekly Downloads

4

Version

2.1.2

License

MIT

Unpacked Size

4 kB

Total Files

4

Last publish

Collaborators

  • jdmnjd