Configure smooth scrolling and scroll margins. Click the buttons below to test.
Click buttons to smoothly scroll to each section.
Smooth scrolling makes navigation feel natural. scroll-padding controls the scroll container's inset padding.
scroll-behavior: smooth adds transition animation to all anchor scrolls.
scroll-margin adds extra offset for individual elements, useful when avoiding fixed navigation bars.
The scroll-behavior property controls the transition animation when scrolling within an element. With smooth, all anchor jumps and scrollIntoView() calls animate smoothly.
scroll-padding β defines inset padding for the scroll containerscroll-margin β defines individual element margin for anchor offsetscroll-snap-type / scroll-snap-align β scroll snapping for carousels