Hausa girmi na 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 |
