判断一个Div是否可视区域,判断div是否可见

<!DOCTYPE html PUBLIC  "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html>
<head>
     <title>js</title>
     <script src= "http://code.jquery.com/jquery-latest.js"  type= "text/javascript" ></script>
     <script type= "text/javascript" >
         $(document).ready( function  () {
             $(window).scroll( function  () {
                 var  a = document.getElementById( "eq" ).offsetTop;
                 if  (a >= $(window).scrollTop() && a < ($(window).scrollTop()+$(window).height())) {
                     alert( "div在可视范围" );
                 }
             });
         });
     </script>
</head>
<body>
     <div style= "width:1px;height:2000px;" ></div>
     <div id= "eq"  style= " width:100px; height:100px; background-color:Red;" >1</div>
     <div style= "width:1px;height:2000px;" ></div>
</body>
</html>

猜你喜欢

转载自tooby.iteye.com/blog/2310089
今日推荐