Skip to content

Latest commit

 

History

History
30 lines (23 loc) · 597 Bytes

README.md

File metadata and controls

30 lines (23 loc) · 597 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

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