title: navigation bar scroll when clicked
body: <pre><code>&lt;div class="navbar"&gt;
    &lt;nav class="navbar navbar-dark bg-inverse navbar-fixed-top"&gt;
         &lt;div class="container-fluid"&gt;
      &lt;div class="navbar-header"&gt;
        &lt;a class="navbar-brand" href="#"&gt;company name&lt;/a&gt;
      &lt;/div&gt;
      &lt;ul class="nav navbar-nav navbar-right "&gt;
        &lt;li&gt;&lt;a href="#" style="color:white;"&gt;About&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#" style="color:white;"&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a class="portfolio-scroll" href="#" style="color:white;" id="contact-nav"&gt;Contact&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>i wanted to make my navbar when one of the option in the navbar is clicked the page would scroll to that specific section in the page, for example when i click contact on my navbar the page would scroll down to the contact section in the same page</p>
  
  <p>how to make something like that, can anyone help me ?</p>