JavaScript
Article

5 jQuery Viewport Plugins

By Sam Deering

Basically, the viewport is the part of the webpage that the user can currently see, the scrollbars move the viewport to show other parts of the page. If your developing for devices including the viewport meta tag is a must! Today we are sharing you what we think 5 best jQuery Viewport plugins that you will definitely find very useful for your layout needs.

1. Viewport Selectors for jQuery

With these selectors you can check whether element is inside or outside of viewport.
Viewport Selectors
SourceDemo

2. jQuery Bullseye – Viewport detection plug-in for jQuery!

A versatile & lightweight plug-in for jQuery that adds enterviewport and leaveviewport events to elements.
jQuery Bullseye
Source + Demo

3. Within Viewport

Indicates whether an element is entirely within the viewport. It also allows you to specify your site’s effective viewport (eg, to account for fixed header and navigation bars) and provides a few handy shortcut notations).
Within Viewport
SourceDemo

4. jQuery viewportOffset

Like the built-in jQuery .offset() method, but calculates left and top from the element’s position relative to the viewport, not the document.
jQuery viewportOffset
SourceDemo

5. jQuery.Viewport

Very helpful and lightweight jQuery plugin that makes an element as a handy viewport for displaying elements with absolute position.
jQuery.Viewport
Source + Demo

No Reader comments

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.