Scroll if element is not visible

Question

how to determine, using jquery, if the element is visible on the current page view. I\'d like to add a comment functionality, which works like in facebook, where you only sc

Answer 1

There is a jQuery plugin which allows us to quickly check if a whole element (or also only part of it) is within the browsers visual viewport regardless of the window scroll position. You need to download it from its GitHub repository:

Suppose to have the following HTML and you want to alert when footer is visible:

    

        

            Scroll up and down to alert the footer visibility by color:
        
        

            
Blue = footer not visible;
            
Yellow = footer visible;
        
        
    
    

So, add the plugin before the close of body tag:

After that you can use it in a simple way like this:

Here a demo