About scroll-behavior: I'm sure most of us are excited about it, but remember that it doesn't come without problems. Specifically:
users may be annoyed by long scrolling waiting time: use only for small jumps;
some other users perceive motion sickness when large areas move around. That's why there's also a prefers-reduced-motion media query to meet their needs.
About
scroll-behavior
: I'm sure most of us are excited about it, but remember that it doesn't come without problems. Specifically:prefers-reduced-motion
media query to meet their needs.In short, consider doing something like that:
(Written like this, it's safe for those browsers that don't support
prefers-reduced-motion
.)I'm with you Massimo, good tips. There are a lot of interesting CSS features, but we need to think about when and how to use them correctly. 🤩