Smooth scrolling with pure CSS
It's common to use anchors,
<a href="#destination"> for example, to link between elements in a page. By default, the browser will jump straightly to the destination when clicking an anchor.
html element enables smooth scrolling effect to the whole page:
We can also apply the style for a given scrollable container: