scrollMonitor – Simple and Fast API to Monitor Elements as you Scroll

samuel Scroll 479 , , , , ,

The scroll monitor allows you to receive events when elements enter or exit a viewport. It does this using watcher objects, which watch an element and trigger events. 

Watcher objects also contain information about the element they watch, including the element’s visibility and location relative to the viewport. If your scroll container is an element other than the body you can create a container that creates watchers.

Related Post

Lazy Load delays loading of images in long web pages. Images outside of viewport wont be loaded before user scrolls Read more

Lazyestload.js is a tiny javascript library to load images only when they are in the viewport (lazy load).

Emergence.js is a lightweight, high-performance javascript plugin for detecting and manipulating elements in the browser. Features: Dependancy-free IE8+ and all Read more

jQuery.isInView is a jQuery plugin that tells you if elements are in view inside a scrollable container, or inside a Read more

Scrollspy is a jQuery plugin for detecting enter/exit of elements in the viewport when the user scrolls.

isInViewport.js is an ultra-light jQuery plugin that tells you if the element is in the viewport, but with a twist. Read more

Conditioner provides a straight forward Progressive Enhancement based solution for linking JavaScript modules to DOM elements. Modules can be linked Read more

jPicture is a jQuery plugin to load pictures on the right view port.  jPicture loads only the most fitting picture out Read more

Go