滚动时的jQuery突出显示按钮

Question

所以，我有这个：

<div id="nav" class="container">
  <div class="col-md-12">
    <div class="col-md-1">
      <div class="nav_logo"></div><a href=""><span     class="nav">home</span></a>
    </div>
    <div class="col-md-1"><a href=""><span class="nav">services</span></a>
    </div>
    <div class="col-md-1"><a href=""><span class="nav">portfolio</span></a>
    </div>
    <div class="col-md-1"><a href=""><span class="nav">contacts</span></a>
    </div>
  </div>
</div>

当用户开始滚动时，#nav变得固定，当用户在该页面上相应时，我需要每个范围class="nav"添加类active。

Answer 1

你想要的是将href属性与当前window.location匹配并查看它是否匹配，如果匹配，则添加你的类。

基本上：

var url = window.location.href;
$('.container').find('.nav').each(function(){
                var href = $(this).attr('href');
                if( href ===url || (href+"/") ===url)
                    {
                    $(this).addClass('active');
                    }
});