title: How to change the color of navbar icon when the user is viewing a specific section of page
body: <p>I have a nav bar that looks like this on android
  <a href="https://i.stack.imgur.com/NegCF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NegCF.png" alt="Navbar for android" /></a></p>
  <p>with the following links if it was clicked</p>
  <pre class="lang-html prettyprint-override"><code>&lt;a href=&quot;#body-heading&quot; class=&quot;nav__link  nav__link--active&quot;&gt;
  &lt;a href=&quot;#services&quot; class=&quot;nav__link&quot;&gt;
  &lt;a href=&quot;#images&quot; class=&quot;nav__link&quot;&gt;
  &lt;a href=&quot;#&quot; class=&quot;nav__link&quot;&gt;
  </code></pre>
  <p>so what I want is, if someone is viewing the element with id <code>#services</code> on android, I need the js or css to toggle the class <code>nav__link--active</code> from Home icon and add it to Services Icon. I want to do it to every icons in the nav icon. Is there any way to do this on js or css?</p>