did you know using scroll-behavior: smooth; in css can make scrolling a bit sluggish? it's true! i found that setting it globally might not be worth it if all your pages are lightweight.
instead, try this approach:
/'' Add to global styles ''/body {overflow-y: auto;}[data-scroll] { /'' Use on elements you want smooth scroll for ''/}scroll-behavior: smoother; // Custom name}this way only specific sections or links benefit from the fancy scrolling. much faster page loads and better performance across all pages!
also, don't forget to test with different devices as `smoother` might not always be supported everywhere yet.
>Ever tried this? It's a game changer for those pesky slow scroll animations on long-form content sites.