title: How to add and remove active class automatic to navigation in one page layout?
body: <p>I want to add active class to the navbar links automatic when anyone scrolls down the page and the particular navigation section appears in one page layout. The same way when any one scrolls up the page the active class must keep appending to the particular section in nav links. The layout is one page.</p>
  
  <p>I am referencing the Bootstrap website - you can see on the right side the navigation links when you scroll and the section changes it appends its active class automatically.</p>
  
  <p>Reference URL: <a href="http://getbootstrap.com/components/" rel="nofollow">http://getbootstrap.com/components/</a> </p>