在另一个元素下面获取元素?

时间:2014-08-20 03:51:38

标签: javascript jquery html scroll detect

只是想知道解决这个问题的最佳方法。

假设我有一个固定的导航栏,它完全垂直居中。

当我滚动时,我想找出nav栏后面的元素。

假设我有这样的导航:

<nav>
    <ul>
        <li><a href="#about"></a></li>
        <li><a href="#services"></a></li>
        <li><a href="#contact"></a></li>
    </ul>
</nav>

然后是这样的部分:

<section id="about"></section>
<section id="services"></section>
<section id="contact"></section>

如果我给他们所有固定高度说1000px以便我们能够正确滚动,我怎么能检测导航栏何时通过'services'部分说出来,所以我可以附加一个活动的等等。

我要从文档的顶部检测滚动位置,并将其与我可以找到导航栏所在位置的部分的顶部位置进行比较,但这是最好的解决这个问题的方法?

示例:http://jsfiddle.net/c8jhajde/

0 个答案:

没有答案