Question

我在具有不同ID的单个页面上有不同的div部分。例如：

<section>
    <div id="first"></div>
</section>

<section>
    <div id="second"></div>
</section>

<section>
    <div id="third"></div>
</section>

我有一个水平导航说例如：

<div class="nav">
    <ut>
        <li><a href="#first">First</a></li>
        <li><a href="#second">Second</a></li>
        <li><a href="#third">Third</a></li> 
    </ul>
</div>

我想要的是：

当我向下滚动到不同的部分时，导航文本的颜色应该会改变。例如，如果我向下滚动到<div id="second"></div>，则<li><a href="#second">Second</a></li>的颜色应该更改。
如果我点击任何导航链接，我会直接跳到该特定部分。导航文本的颜色也应该改变。
当我点击任何导航并跳转到特定部分时，它会突然显示而没有任何效果。我想在点击时添加一个slideUp类型的jquery效果。

请帮助我开发。

Answer 1

我找到了解决方案。以下代码完成了所有操作。它会更改URL中的#id，并根据它更改导航字体的颜色。

代码：

setup.cs

滚动时更改导航文本颜色，然后单击

1 个答案: