美文网首页
判断一个元素是否在当前可视区域

判断一个元素是否在当前可视区域

作者: 赠前端 | 来源:发表于2018-03-30 16:04 被阅读0次

javascript中提供了一个方法Element.getboundingclientrect()可以获取当前元素的left,top,right,bottom的值。


//判断一个元素是否在可视区域内
function isInVisibleArea(elem){
    if(!elem || !elem.getBoundingClientRect) return false;

    var rect = elem.getBoundingClientRect();
    
    if(rect.top < window.innerHeight && rect.bottom > 0 &&
        rect.left < window.innerWidth && rect.right > 0){
        return true;
    }else{
        return false;
    }
}

相关文章

网友评论

      本文标题:判断一个元素是否在当前可视区域

      本文链接:https://www.haomeiwen.com/subject/lhyicftx.html