如何找到两个元素的可见顺序？

Question

有没有办法用jquery的js来识别两个元素的可见顺序？

例如：滚动窗口时有一个position:fixed的元素我需要确定它是在页脚div下方还是在页脚div

之上？

有时它看起来像这样

element One
footer div

但滚动后看起来像这样

footer div
element one

我想分别确定这两种情况。

Answer 1

您可以比较两个元素的element.offsetTop

例如

var e1 = document.getElementById("elementOne");
var e2 = document.getElementById("footerDiv");

if ( e1.offsetTop > e2.offsetTop )
{
  //your logic
}

jquery等价物是offset()方法

var e1 = $( "#elementOne" );
var e2 = $( "#footerDiv" );

if ( e1.offset().top > e2.offset().top )
{
  //your logic
}