js判断元素是否出现在可视区内

$(".footer").offset().top//元素距离网页顶部的距离

$(window).scrollTop()//网页卷出的高度

$(window).height()//浏览器可视窗口的高度

 

window.onscroll = function () {

let top = $(".footer").offset().top;

let dw_height = ($(window).scrollTop() + $(window).height()) - top <= 0 ? 0 : ($(window).scrollTop() + $(window).height()) - top;

if (top >= $(window).scrollTop() && top < ($(window).scrollTop() + $(window).height())) {

$(".drag").css("bottom", dw_height);

} else {

$(".drag").css("bottom", 0);

}

}

你可能感兴趣的:(js)