Erkennen von visuellen HTML-Zeilen über JavaScript

Question

Ein Beispiel für einen Anwendungsfall: Ich habe eine lange Liste von Elementen, die animiert werden müssen, wenn sie sichtbar sind. Ich brauche eine Erkennung über JavaScript, wenn eine neue "visuelle" Zeile beginnt.

Gibt es eine Möglichkeit, die Position von Elementen zu überprüfen und mit einer Toleranz von px anzugeben, welches Element in einer Liste sich in einer neuen visuellen Zeile befindet?

Vielleicht mit etwas wie ScrollTop Position?

Answer 1

so über das, was, Sie verwenden, um eine Funktion, die jedes Element in Ihrer langen Liste von Elementen myelements Klasse eingestuft wählt ihr visibilty Eigenschaftswert etwas basierte

so etwas wie diese

auf diesem Wert tun überprüfen

function checkVisibilty(){ 
    $('.myelemets').each(function(){ 
     if($(this).is(':visible')){ 
      //animate me 
     } 
    }); 
} 

Danach können Sie die Funktion aufrufen regelmäßig window.setInterval(checkVisibilty, 100);