Check if element is in viewport. Vue.js 2 plugin with SSR support without dependencies. DEMO

Simple plugin that checks element position on the screen (viewport) and adds classes to element:

1. In viewport classes: view-in and one of [view-in--gt-half, view-in--gt-thrid, view-in--full],
2. Out viewport classes: view-out and one of [view-out--below, view-out--above]

It listens scroll and resize window events and supports modern browsers (Firefox, Chrome, Edge).
Supports vue.js version 2 and higher.

Install

``
npm i vue vue-check-view --save
`

`

import checkView from 'vue-check-view'
Vue.use(checkView)

`

or (only for test)

`