Javascript 当我向下滚动到侧ID导航链接的div时，如何使侧ID导航链接处于活动/悬停状态

我正在处理一组小的跳转链接，它们固定在我页面的一侧，它们通过页面链接到主ID。我想知道，当用户向下滚动到该ID或使用跳转链接转到该ID时，如何使跳转链接显示为活动或悬停状态。我假设我需要使用Jquery来实现这一点，但不完全确定

我的网站是。 我想要的效果类似于边缘的跳转链接

我使用的HTML是

<div id="jump-list-wrap">
    <div id="jump-list">
        <ul>
            <li><a href="#stats">Stats</a></li>
            <li><a href="#abilities">Abilities</a></li>
            <li><a href="#talents">Talents</a></li>
            <li><a href="#guides">Guides</a></li>
            <li><a href="#skins">Skins</a></li>
        </ul>
    </div>
</div>

---

谢谢

看起来像JQuery

.scroll（）

方法

您可以尝试Bootstrap的Scrollspy插件。它正是您所描述的：h

看到了吗

jquery检测文档上的任何页面滚动

$(document).scroll(function() {

然后查看页面上的滚动位置是否在某个div内，并相应地更改边栏值

if(scroll_top > div_one_top && scroll_top < div_two_top) {
    //You are now past div one
    $('#sidebar').text('One');
} else if( scroll_top > div_two_top) {
    //You are now past div two
    $('#sidebar').text('Two');
}

if（滚动上下>第一部分上下&滚动上下两部分上下）{
//你现在已经过了一级
$（'侧边栏'）.text（'一'）；
}else if（滚动至顶部>第二部分顶部）{
//你现在已经过了二级
$（“#侧边栏”）.text（'Two'）；
}

---

希望这能让你开始。祝你好运

看看这个对不起，我刚刚添加了代码你使用CSS框架吗？例如，如果您使用bootstrap，那么组件很快就准备好了：不，我不使用任何框架，不客气！当你决定的时候，请随意选择最佳答案。

if(scroll_top > div_one_top && scroll_top < div_two_top) {
    //You are now past div one
    $('#sidebar').text('One');
} else if( scroll_top > div_two_top) {
    //You are now past div two
    $('#sidebar').text('Two');
}