首页 > 其他 > 详细

如何判断一个元素是否因为上下滚动而被隐藏

时间:2019-07-11 19:10:52      阅读:95      评论:0      收藏:0      [点我收藏+]
function isScrollShow(elem){  //判断元素是否因为滚动界面不可见了,认为只剩1/2的高度就不可见了
        var bounds = elem.getBoundingClientRect();
        var elemHeight = bounds.bottom-bounds.top;
        var show = true;
        var pBounds = elem.parentElement.parentElement.getBoundingClientRect(); //这里需要根据结构重新写
        console.log(pBounds.top ,bounds.top ,pBounds.bottom,bounds.bottom)
        if(pBounds.top - 1/2 * elemHeight > bounds.top ||  pBounds.bottom  + 1/2 * elemHeight <bounds.bottom ){
            show = false
        }
        return {top:bounds.top,height:elemHeight,show:show };

    }

如何判断一个元素是否因为上下滚动而被隐藏

原文:https://www.cnblogs.com/sz-toosimple/p/11171758.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!