So, I knew this was possible.

I have certainly used smooth scrolling in the past. Maybe I even used a jQuery library or two to do it. Of course, I know it could be done in pure JS ... But I haven't had the opportunity to do it for a while.

It was actually quite easy.

Scrolling A Node Into View

const node = document.querySelector(\".my-node\");
node.scrollIntoView({ 
    behavior: 'smooth' 
  });

Scrolling A Page Location

window.scrollTo({top: 150, left: 0, behavior: \"smooth\"})

CSS Solutions

There is also a css property that you can set. My small experiments show a small, vague noticeable difference in chrome

html {
    scroll-behavior: smooth;
  }

So, yeah. It was much easier than I had thought.

For More Information

• css-tricks:
  
  A quick article including css, js and jquery
• Mozilla Docs
• Stack Overflow:
  
  This article that goes into detail about implementing your own faster custom scroll function.