我正在尝试测试a<div>是否已滚动到视线之外。
到目前为止，这就是我所拥有的，
$(window).on('scroll',function(){
var divBottom = $('#home').offset().bottom;
var windowTop = $(window).scrollTop();
var windowBottom = windowTop + $(window).height();
if (divBottom >= windowTop) {
console.log("yes");
} else {
console.log("no");
}
});
无论我在哪里滚动，都不会记录任何内容。
我要测试的是div的底部是否已超过窗口的顶部。
divBottom是undefined。您可以使用top元素的偏移量，然后通过将元素的高度增加到顶部来计算元素的底值，就像这个小提琴一样。
$(window).on('scroll',function(){
var $home = $('#home');
var divBottom = $home.offset().top + $home.height();
var windowTop = $(window).scrollTop();
console.log(divBottom, windowTop);
if (divBottom >= windowTop) {
console.log("yes");
} else {
console.log("no");
}
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句