滚动并更改活动状态

Question

我知道之前已经问过这个问题，但对不起..我无法让它工作！ 我做了一个onepager ..它需要滚动到一个特定的部分，而不是改变活动状态（导航栏）......

这就是我到目前为止......它并不理想但是是啊..

https://jsfiddle.net/70jzb4s0/

localhost:8000/test/

修改的 是的，这就是我使用的

<!--Navbar -->
<header class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <div class="navbar-header page-scroll">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-wrap">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </span>
      </button>
      <a class="navbar-brand page-scroll" href="#start"> <span class="brand-green"><img src="img/logo.png"/></a>
    </div>
    <nav class="collapse navbar-collapse navbar-right" role="navigation">
      <ul id="menu-hoofdmenu" class="nav navbar-nav">
        <li><a href="#start" class="active">Home</a></li>
        <li><a href="#over">Over</a></li>
        <li><a href="#diensten">Diensten</a></li>
        <li><a href="#referenties">Referenties</a></li>
        <li><a href="#contact">Contact</a></li>
      </ul>    
    </nav>
  </div>
</header>
<!-- End navbar -->


<section id="#start"></section>
<section id="over"></section