javascript - 检查元素的祖先是否固定

Question

我有一个具有固定导航栏的网站，我想使用 Zurb Joyride 将提示附加到导航栏中的元素。问题是，当页面滚动时，导航栏保持不变，但工具提示不会。

我尝试将工具提示附加到导航栏中的元素(而不是 body)，但我遇到了奇怪的渲染问题。在包含提示的 div 上设置 position: fixed 似乎可行，但我想知道是否有一种简单的方法以编程方式检测元素是否非滚动，由于事实上，它包含在一个固定位置的容器中，这样我就可以检测到何时将 Joyride 提示设置为固定。有什么建议吗？

Answer 1

这是一种纯 JavaScript 方法。它遍历所有偏移父代，直到找到固定的父代(或根本没有)。

function isFixed(elem){
    do{
      if(getComputedStyle(elem).position == 'fixed') return true;
    }while(elem = elem.offsetParent);
    return false;
}

如果您使用的是 jQuery，则需要使用 elem[0] 或 elem.get(0) 提取节点对象。