Skip to content

Latest commit

 

History

History
29 lines (24 loc) · 610 Bytes

README.md

File metadata and controls

29 lines (24 loc) · 610 Bytes

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'.