jQuery判断元素在页面内是否可见

最新推荐文章于 2024-05-27 21:51:51 发布

理个以哈呦

最新推荐文章于 2024-05-27 21:51:51 发布

阅读量829

点赞数

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/qq_15253407/article/details/52206468

版权

jQuery 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

/***
* $node需要判断的元素
***/
function isVisiablePage($node){
             if(($(window).scrollTop()>($node.offset().top+$node.outerHeight()))||((jQuery(window).scrollTop()+jQuery(window).height())<$node.offset().top)){
                 return false;
             }else{
                 return true;
             }
         }
//调用
 $(window,document).scroll(function(){
            console.log('---->>',isVisiablePage($('.test')));
         });  

//判断原始是否滚动到页面底部消失
 function isVisiableTop($node){
             if($(window).scrollTop()>($node.offset().top+$node.outerHeight())){
                return true;
             }else{
                 return false;
             }
         }
 //判断元素是否滚动到页面底部消失
  function isVisiableBottom($node){
             if(jQuery(window).scrollTop()<($node.offset().top-jQuery(window).height())){
                 return true;
             }else{
                 return false;
             }
         }