title: How to scroll to a certain section in a page without using href attribute
body: <p>My navigation bar is self populated with javascript.</p>
  <pre><code>function liCreation() {
     for(noOfSection of noOfsections) {
         sectionAddress = noOfSection.getAttribute('data-nav');
         section =noOfSection.getAttribute('id');
         liTag = document.createElement('li');
         liTag.innerHTML = `&lt;a class='menu__link'&gt;${sectionAddress}&lt;/a&gt;`;
  }
  }
  </code></pre>
  <p>So it comes out with a navigation bar menu that has 4 sections (because I got 4 sections in my page)
  I want to scroll to a section without adding <code>href=&quot;${section}&quot;</code> to the anchor element.</p>