BASIC CHECK

“The returned value is a DOMRect object, which contains read-only left, top, right and bottom properties describing the border-box in pixels. top and left are relative to the top-left of the viewport.”

$.fn.elOnScreen = function(){
    var ele = this.get(0);
    var client = el.getBoundingClientRect();
    return client.top < window.innerHeight && client.bottom > 0;
}

$.fn.elOnScreen = function(){

var ele = this.get(0);

var client = el.getBoundingClientRect();

return client.top < window.innerHeight && client.bottom > 0;

}

jQuery.visible

“This is a jQuery plugin which allows us to quickly check if an element is within the browsers visual viewport, regardless of the scroll position. If a user can see this element, the function will return true.”

Github

jQuery.isOnScreen

“Simple jQuery plugin to determine if an element is within the viewport. Optional parameters allow the user to specify a minimum percentage of the element’s dimensions that must be visible to qualify.”

Github

Detecting if elements are visible in the current viewport

BASIC CHECK

jQuery.visible

jQuery.isOnScreen

Enjoy coding …

Alexander