Smooth Scroll

Section 1

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

Click Me to Smooth Scroll to Section 2 Below

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

Section 2

Click Me to Smooth Scroll to Section 1 Above

Section 3

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

Click Me to Smooth Scroll to Section 2 Below

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

Section 4

Click Me to Smooth Scroll to Section 1 Above

Section 5

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

Click Me to Smooth Scroll to Section 2 Below

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

Section 6

Click Me to Smooth Scroll to Section 1 Above

Section 7

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

Click Me to Smooth Scroll to Section 2 Below

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

Section 8

Click Me to Smooth Scroll to Section 1 Above