خصوصية Style scrollBehavior

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

scrollBehavior يحدد الخصوصية هذه ما إذا كان هناك تأثير تحريك سلس عند النقر على رابط داخل مربع التمرير أم لا ينتقل مباشرة.

انظر أيضًا:

دليل CSSخصوصية scroll-behavior

مثال

إضافة تأثير تمرير سلس إلى الصفحة:

document.documentElement.style.scrollBehavior = "smooth";

جرب بنفسك

النحو

object.style.scrollBehavior = "auto|smooth|initial|inherit"

قيمة الخاصية

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

دعم المتصفح

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

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