Phát hiện phần tử có thể nhìn thấy đầu tiên của một số lớp nhất định - Thủ thuật CSS

Thêm một lớp “đầu tiên” vào phần tử đầu tiên có một lớp “hoạt động” hiển thị trong cửa sổ trình duyệt.

$(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; ) )); ));