bootstrap：如何在页脚中创建一个按钮，自动滚动到导航栏中的下一部分

Question

我想在导航栏中添加一个按钮，滚动到导航栏<ul>中的下一部分。目前，我看到在导航栏中，有效的li获得了一个类active。但是，我不确定如何向按钮报告此更改，以便在单击时，它将自动转到当前活动按钮后对应于列表项的部分。有人可以给我一些如何做到这一点的提示，理想情况是以优雅，自负的方式吗？

更新

这是一个工作小提琴：http://jsfiddle.net/mikesol/u4L7gL9e/1/ 您会看到注释：

  

我希望这会自动转到下一部分而不是   总是去苹果。例如，当读者结束时   部分胡萝卜，点击这个应该快速到目前为止等。

Answer 1

第一次：点击链接滚动到下一部分 - ＆gt;去苹果部分 第二次：点击链接滚动到下一部分 - ＆gt;去香蕉区

是不是？

html : 
<a href="#apple" class="page-scroll">
      click me to scroll to the next section
</a>
js : 
   $('.page-scroll').click(function(){
     var val = $(this).attr('href');
     if(val == '#apple') {
      $(this).attr('href', '#banana');
     }
    // do same with another anchor
   });