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

Usage

const offset = 100;

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

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

Options

Status can be 'entered' or 'leaved'.