Single page website

[LiftingRealm]

What I wanted to do was so that I click a button or a link and instead of it going to a different page, I wanted it to just go to a certain place in the page. I did that using this advice:

"In the custom liquid section, enter this code.

<div id="comparison"> </div>
Explanation: This creates an empty html container with an ID that we can now reference in the button to scroll to.
For the button that you want to have scroll to the section, change the URL to "#comparison"."

But with this it scrolls down instantly. I wanted to know if it's possible to make it go down smoothly and slowly.