Comment obtenir le premier élément DOM visible dans une fenêtre?

Question

Comment puis-je obtenir le premier élément DOM visible dans une fenêtre?

PS: le premier élément DOM dans une page ne sera pas le premier élément « visible » quand je défiler au milieu ou en bas de la page

Answer 1

Dans l'esprit avec le défilement, vous devrez interroger la l'ensemble du document, obtenir les éléments de décalage des positions et faire correspondre la valeur scrollTop de la fenêtre. Puis interrogez le :eq(0) (jQuery) de ceux-ci.

EDIT: Je pense que cet exemple va fonctionner, je ne l'ai pas encore essayé, puisque je suis incapable d'accéder à n'importe quel violon ici sur les ordinateurs de travail.

$(function() { 
    var scroll = $(window).scrollTop(); 
    var elements = $("*"); // VERY VERY bad performance tho, watch out! 
    var el; 
    for (var i=0; i<elements.length; i++) { 
     el = $(elements[i]); 
     if (el.offset().top >= scroll && el.is(':visible')){ 
      // "el" is the first visible element here! 
      // Do something fancy with it 

      // Quit the loop 
      break; 
     } 
    } 
});