I have a link to an element within the page on my navbar. I'm trying to get the link to center itself in the navbar using js's element.scrollTo() with smooth behavior.

I'm using css's scroll-behavior: smoth; to animate the scroll to a specific element when my user clicks the anchor.

Using element.scrollTo() interferes with the link click itself as, the link only works if there is no scrolling happening in the navbar. Is there a solution that doesn't involve animating one of the scrolls myself?