50 JQuery Viewport Plugins

Library that tracks elements on the page and reacts when they are about to leave or enter the viewport. The library has no external dependencies and is really easy to use with a simple callback syntax. .....
Core Java Script Events

Glio.js is a javascript library to detects if the mouse of an user leaves the viewport / document borders of your website and when this happens, trigger your callback. .....
Core Java Script Events

jPicture is a jQuery plugin to load pictures on the right view port.  jPicture loads only the most fitting picture out of the picture-versions for the viewport the page is displayed on. This not only takes away the trouble of ha.....
Plugins Responsive

jQuery plugin to detects if an element (tooltip) falls of the right/left/top/bottom side of your screen/viewport.Adds a class to all your elements with the defined selector that fall of the right/left/top/bottom side of the screen.....
Events Plugins

Little jQuery script that detects if an element is in the viewport and adds a class to it. .....
Plugins

An ultra-light jQuery plugin that tells you if the element is in the viewport, but with a twist. .....
Plugins Web

A jQuery plugin that uses min-height to force DOM elements to the height of the viewport. .....
Plugins

Simple & hassle-free image resize & crop based on a pseudo-viewport. Touch-friendly via touch-punch.No special requirements for use, by default it modifies the behaviour of each image tag it finds. .....
Image Effects Plugins

Adds the real viewport width and height (in px and em) as an element on the body to help with obtaining values for responsive breakpoints. .....
Core Java Script Web

jQuery.fracs, an impressive jQuery plugin, lets us detect the part of an HTML element that is currently in the viewport, the fraction it takes of the complete viewport and the rest that may be visible.Also, it can get the coordi.....
Plugins Web

scrollStuff is a small and easy jQuery plugin that applies your own CSS classes to elements whenever they will be visible in the screen......
Viewport scroll-animation

scrollRelation is a small viewport checker plugin which determines how far your elements are from the top, bottom or middle of the viewport......
Viewport

scrollfy is a small and mobile-friendly Is In View jQuery plugin which listens for page scroll (touch move) events and fires certain functions if elements are in or out of the viewport......
Viewport

A dead simple jQuery is in view plugin which returns true if the top and/or bottom bounds of an element is visible in the viewport when scrolling the webpage......
Viewport

most-visible is a lightweight jQuery plugin that detects the most visible element within the document......
Viewport

on-scrolled-to.js is a jQuery plugin that detects how much (from 0 to 1) your element is visible within the viewport and triggers a callback function when you scroll down the page......
Viewport scroll-animation

ScrollFade is a jQuery plugin to fade in elements below the fold with a scale effect when they become visible in the viewport on the scroll......
Viewport scroll-animation

The Visible.js jQuery element visible detection plugin which utilizes MutationObserver to execute a callback function when an element gets visible or invisible......
Viewport callback Visibility

percentWithinViewport is a lightweight jQuery plugin that calculates the visibility of matched element (as a percentage) on scroll and determines if the element is visible in the viewport......
Viewport Visibility

Scrollza is a small jQuery plugin used to activate and deactivate elements when you scroll down/up the webpage......
Viewport scroll-animation

getMostVisible is a tiny jQuery plugin that returns the most visible element from a group of elements......
Viewport

Yet another jQuery based element visibility detection plugin which adds custom class(es) to selected elements and executes a certain callback function when they enter or leave the viewport......
callback Viewport Visibility

The jQuery ScrollPunch keeps track of the scroll events and adds/removes specific CSS classes when an element is scrolled into or out of view......
scroll-animation Viewport Visibility

visibilityChanged is a lightweight and cross-browser jQuery plugin that determines if a specific element is visible and executes a callback function when the element gets hidden or visible in DOM......
callback Viewport Visibility

Scrollie is an easy and customizable jQuery scroll into view plugin which listens for scroll up and/or scroll down events and triggers callback functions as an element is scrolled into or out of view......
scroll-animation Viewport

HideShow is a jQuery visibility detection plugin that watches DOM visibility changes and fires an event when the DOM is shown or hidden......
callback Viewport Visibility

This inView checker plugin provides a collection of useful event handlers to do some cool stuff when an element or only part of the element becomes visible......
Viewport

isOnScreen is a small yet useful jQuery viewport detection plugin that tests if a node is positioned within the current viewport......
Viewport

Just another jQuery dependent, cross-platform responsive image solution which dynamically changes the image sources depending on the current viewport size......
responsive-image

ScrollPoint is a lightweight and flexible jQuery scroll animation plugin which enables CSS3 powered animations on any element when it comes into view......
scroll-animation

Visible.js is a really small (~1kb minified) jQuery plugin that detects if an element is visible or invisible in the browser as you scroll down or up the web page......
Viewport

lazyLoad.js is a jQuery plugin to execute your scripts when specific elements are scrolled into view and stay on the screen for a period of time......
callback Viewport

in-viewport-class is a jQuery viewport checker plugin which detects when elements enter the viewport and add corresponding classes for animations and more......
Viewport

Late images is a lightweight, performant jQuery lazy load plugin that your images outside of viewport are not loaded until they become visible on page scroll......
lazy-load

inView is a super tiny (~1kb minified) jQuery plugin that detects the scroll event and triggers a custom function as a specific DOM element enters the viewport......
callback Viewport

Just another jQuery scroll position checker plugin that allows for adding (removing) CSS classes and executing useful callbacks when a specified DOM element scrolled into or out of view......
scroll-animation scrolling Viewport

Just another viewport checker plugin for jQuery that listens for when elements enter/or leave the viewport and sets corresponding CSS classes based on the current scroll position......
Viewport

viewportInfo is a jQuery plugin that detects the current viewport size (Desktop, Mobile, Tablet) and checks if the current device is touchable......
Viewport Browser

The jQuery Offscreen library provides a set of filters to determine if any part of your element is out of view (is invisible on the screen)......
Viewport

fitScreen.js is a jQuery plugin that resizes elements to fit the width and height of the browser view-port......
Resize

easyViewport is a jQuery plugin that simulates Mobile/Tablet/Desktop viewports to test how your webpage will look on a range of screen sizes/resolutions......
Viewport Responsive

Scroll Class is a jQuery plugin that detects the page scroll position and automatically adds specified CSS classes to elements when they come into view......
scrolling Viewport

Porthole is a jQuery plugin which allows the visitor to pan html elements inside a specified viewport using mouse drag or touch gestures, based on CSS3 transforms......
Viewport

A simple jQuery based viewport detect which performs a callback and alters the CSS classes if a specified elements is scrolled into view......
Viewport

Progressbar.js is a jQuery plugin for creating custom and CSS3 animated progress bars that are auto triggered as they come into view......
progress-bar

A very simple jQuery script that reveals html elements with slide & fade animations as they are scrolled into view......
scrolling scrolling-effect

Porthole is a lightweight and easy-to-use jQuery plugin that adds a simple viewport which can be dragged to move by your mouse on your web site......
Viewport Drag

RisingSun is a lightweight yet robust jQuery plugin that implements awesome animations on any Html elements as they come into view......
scrolling scrolling-effect

Lazy View is a super tiny jQuery plugin to smoothly fade in Html elements as they come into view, a little similar to the content lazy loading effects......
fade fade-in

A cool Google+ app like pull-up effect bulit on top of jQuery and CSS3 transitions & transforms......
scrolling Viewport transforms transitions