为浏览器窗口中可见的第一个具有“activity”类的元素添加“first”类。
$(window).scroll(function(){
var scrollTop = $(window).scrollTop();
var windowHeight = $(window).height();
var first = false;
$(".activity").each( function() {
var offset = $(this).offset();
if (scrollTop <= offset.top && ($(this).height() + offset.top) < (scrollTop + windowHeight) && first == false) {
$(this).addClass("first");
first=true;
} else {
$(this).removeClass("first");
first=false;
}
});
});
这帮我解决了困扰我几天的问题,完全解决了我的问题。非常感谢,这是一个很棒的网站!
除非我误解了,否则这需要 div 的底部高于屏幕底部(元素完全可见)。我个人更希望它要求元素至少可见(顶部 < 屏幕底部)。