How to make an automatic scroll?

Question

Every time I roll the page active from the menu link is enabled by leaving the link in another color with the CSS and each time I am on the page that changes this link, but the overflow of the div does not happen when it is in a certain link that is inside this overflow.

I would like as it was rolling the page and the link from within the div overflow force the scroll of div.

<div style="overflow-x:scrool; max-width:500px;">
 <nav class="navbar navbar-expand-sm bg-transparent navbar-dark fixed-top">  
  <ul class="navbar-nav" style="white-space: nowrap;">
    <li class="nav-item"></li>  
  </ul>
 </nav>
</div>