چجوری اسکرول نرم و روان رو هنگام کلیک روی لینک‌های انکر (Anchor) پیاده‌سازی کنم؟

برای اسکرول نرم به لینک‌های انکر، دو راه اصلی داری: استفاده از CSS یا جاوااسکریپت. اگر مرورگرهای مدرن رو هدف قرار دادی، می‌تونی به‌سادگی با اضافه کردن کد زیر به CSS این کار رو انجام بدی:

html {
scroll-behavior: smooth;
}

ولی اگه می‌خوای مرورگرهای قدیمی‌تر رو هم پشتیبانی کنی، باید از جاوااسکریپت استفاده کنی:

document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function(e) {
         e.preventDefault();
         document.querySelector(this.getAttribute('href')).scrollIntoView({
         behavior: 'smooth'
      });
   });
});

این روش‌ها بهت کمک می‌کنن تا تجربه کاربری بهتری رو ایجاد کنی.