/jQueryIsInViewport

React when a element is in the view port and when it leaves.

Primary LanguageJavaScript

jQueryIsInViewport

This plugin allows you to react when an element is in the viewport. You need throw confetti when the user scroll and see an element?, so this plugin is for you!

Install

npm install jquery-is-in-viewport --save
// or
yarn add jquery-is-in-viewport
// or 
bower install jquery-is-in-viewport

Usage

$('.block').isInViewport(function (status) {
  if (status === 'entered') {
    $(this).addClass('throw-confetti')
  }

  if (status === 'leaved') {
    $(this).removeClass('throw-confetti')
  }
})

Options

Status can be 'entered' or 'leaved'.