Как получить первый элемент DOM, который виден в окне просмотра?

Question

Как я могу получить первый элемент DOM, который виден в окне просмотра?

PS: первый DOM элемент страницы не будет первым «видимым» элементом, когда я прокручиваю в середине или в нижней части страницы

Answer 1

В виде с свитком, вам необходимо для запроса весь документ, получить позиции смещения элементов и сопоставить их с значением scrollTop. Затем запросите :eq(0) (jQuery).

EDIT: Я думаю, что этот образец будет работать, еще не опробовал его, поскольку я не могу получить доступ к какой-либо скрипке здесь, на рабочих компьютерах.

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