滚动到该问题时，将类别/ ID添加/删除到导航

Question

现在我有这段代码可以在导航链接上指出我所在的ID。 但是，如果我向下滚动到特定的id，则如何添加滚动功能，然后将该类添加到正确的导航链接。谢谢。

$(window).load(function(){
    $("nav.site-nav ul.open.desktop li a").click(function() {
        $('.current_yes').removeClass('current_yes');
        $(this).addClass("current_yes");
    });
});

jQuery(document).ready(function($){ 
    var url = window.location.href; 
    $('nav.site-nav ul.open.desktop li a').filter(function() {  
        return this.href == url;
    }).closest('a').addClass('current_yes');
});

和导航看起来像这样：

<div class="wrapper">
    <nav class="site-nav">
        <div class="menu-toggle">
            <div class="hamburger"></div>
        </div>
        <ul class="open desktop">
            <li><a id="link1" href="index.php#"><i class="site-nav--icon"></i>Hem</a></li>
            <li><a id="link2" href="index.php#products-anchor"><i class="site-nav--icon"></i>Produkter</a></li>
            <li><a id="link3" href="index.php#uthyres-anchor"><i class="site-nav--icon"></i>Uthyres</a></li>
            <li><a id="link4" href="#rent"><i class="site-nav--icon"></i>Kontakta</a></li>
        </ul>
    </nav>
</div>

当前链接的CSS：

.current_yes {
    border-bottom: 2px solid #732813;
}