www.cftea.com

jQuery 判断某元素是否在可显示区域

ITPOW2020/8/9 11:38:11
if ($(this).offset().top - $(window).scrollTop() < $(window).height()) {
	// 这个元素显示出来了
}

以上仅考虑纵向问题:

$(this).offset().top 表示这个元素距文档顶端的距离 。

$(window).scrollTop() 表示文档在窗口中滚动上去的高度。

上述二者相减得到元素距离窗口顶端的距离。

$(window).height() 表示窗口高度。

这样我们就可以判断元素是否显示出来了(被滚动到上方遮挡,我们也当作显示出来了,如果要排除这种情况,要多判断一句元素距离窗口顶端的距离是否大于 0)。

<<返回首页<<