Section 1

Click on the link to see the "smooth" scrolling effect.

Click Me to Smooth Scroll to Section 2 Below

Click Me to Smooth Scroll to Section 3 Below

Note: Remove the scroll-behavior property to remove smooth scrolling.

Section 2

Click Me to Smooth Scroll to Section 1 Above

Click Me to Smooth Scroll to Section 3 Below

Section 3

Click Me to Smooth Scroll to Section 1 Above

Click Me to Smooth Scroll to Section 2 Above

Section 4

Click Me to Smooth Scroll to Section 1 Above

Click Me to Smooth Scroll to Section 2 Above

Section 5

Click Me to Smooth Scroll to Section 1 Above

Click Me to Smooth Scroll to Section 2 Above

style="border:3px dotted #0000FF;">