Upptäck det första synliga elementet i vissa klasser CSS-tricks

Anonim

Lägger till en klass av "först" till det första elementet som har en klass av "aktivitet" som är synlig i webbläsarfönstret.

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