Vuesible

Track Vue.js components visibility during scroll.

Live demo

https://alexananiev.com/vuesible (will be available soon)

Installation

npm install vuesible --save

or

yarn add vuesible

Usage

This is a 'pilot' version. Naming, API, etc. might be changed dramatically in following versions.

Declaration

 import Vuesible from 'vuesible'
export default {
  mixins: [Vuesible()]
}

 <my-component @appeared="doStuff()"/>

Events

Major

• appeared
• fully-appeared
• disapeared
• partially-disapeared
• top-edge-appeared
• top-edge-disappeared
• bottom-edge-appeared
• bottom-edge-disappeared