如何获取视口中可见的第一个DOM元素？

如何获取视口中可见的第一个DOM元素？

PS：当我滚动到页面的中间或底部时，页面中的第一个DOM元素将不是第一个“可见”元素

Answer 1

记住滚动时，您需要查询整个文档，获取元素偏移位置，并再次匹配窗口的scrollTop值。 然后查询:eq(0) （jQuery）。

编辑：我认为这个样本将起作用，还没有尝试过，因为我无法在工作计算机上访问任何小提琴。

 $(function () { var scroll = $(window).scrollTop(); var elements = $("*"); // VERY VERY bad performance tho, watch out! var el; for (var i=0; i= scroll && el.is(':visible')){ // "el" is the first visible element here! // Do something fancy with it // Quit the loop break; } } });