خصائص CSS scroll-behavior

التعريف والاستخدام

يحدد خاصية scroll-behavior ما إذا كان يتم التمرير بسلاسة (مع تأثير رسومي) عند النقر على رابط في العنصر المرن، أو الترقيع مباشرة.

مثال

إضافة تأثير التمرير السلس للمستند:

html {
  scroll-behavior: smooth;
}

تجربة شخصية

صيغة CSS

scroll-behavior: auto|smooth|initial|inherit;

قيمة الخاصية

القيمة الوصف
auto القيمة الافتراضية. يسمح بتحريك مباشر بين عناصر الشريط المرن.
smooth يسمح بتحريك سلس وسلس بين عناصر الشريط المرن.
initial إعداد هذا الخصائص إلى القيمة الافتراضية. يرجى الرجوع إلى initial.
inherit ينقل هذا الخصائص من عنصر الأب. يرجى الرجوع إلى inherit.

تفاصيل التقنية

القيمة الافتراضية: auto
الوراثة: لا
صناعة التحريك: غير مدعوم. يرجى الرجوع إلى:خصائص التحريك المتعلقة بالرسوم المتحركة.
الإصدار: CSSOM View Module (النسخة العملية)
جافا سكريبت صيغة: object.style.scrollBehavior="smooth"

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذه الخاصية بشكل كامل.

Chrome IE / Edge Firefox Safari Opera
61.0 79.0 36.0 14.0 48.0