Free CSS Scroll Behavior Generator
Configure smooth scrolling with our free tool. Scroll-behavior for navigation and anchors.
- Smooth/auto toggle
- Scroll preview demo
- Anchor link example
- Motion preference respect
- Browser support
Frequently Asked Questions
How do I enable smooth scrolling?
Add scroll-behavior: smooth to html or the scrolling container. All anchor link navigation and scrollTo() calls will animate smoothly.
Should I always use smooth scrolling?
Respect user preferences—some users prefer instant scrolling or have motion sensitivity. Use prefers-reduced-motion media query to disable smooth scroll when needed.
Does this work with JavaScript scrolling?
Yes, window.scrollTo() and element.scrollIntoView() respect scroll-behavior. You can also pass { behavior: 'smooth' } directly to these methods.