listen to window scroll event and check if an element is visible - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:is

  1. HOME
  2. Javascript
  3. jQuery Method and Property
  4. is

Description

listen to window scroll event and check if an element is visible

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <script type="text/javascript" src="https://code.jquery.com/jquery-1.8.3.js"></script> 
  <script type="text/javascript">
    $(window).load(function(){/*from w  ww .  ja v a  2  s.c  om*/
$(window).scroll(function(e){
    if($(e).is(':visible')) {
        console.log("business logic");
    };
});
    });

      </script> 
 </head> 
 <body> 
  <button class="scroll_button"> click here </button>  
 </body>
</html>

Related Tutorials