Smooth scroll behavior

To get some smooth scrolling on your page, just simply add the following code to your stylesheet. With this small piece of code the movement will be smooth instead of a more static behavior.

html {
  scroll-behavior: smooth;

See an example on CodePen:

See the Pen Smooth scrolling by Mick (@mickvandijk) on CodePen.

See which browsers support caniuse