ویژگی scrollBehavior Style
- صفحه قبلی right
- صفحه بعدی tableLayout
- برگشت به لایه بالاتر آبجکت Style HTML DOM
تعریف و استفاده
scrollBehavior ویژگی که مشخص می‌کند هنگام کلیک کاربر روی لینک در قاب قابل اسکرول آیا حرکت به موقعیت با effکت انیمیشن‌دار انجام می‌شود یا به صورت مستقیم به حرکت درآید.
لطفاً به
دستورالعمل‌های CSS:ویژگی scroll-behavior
مثال
افزودن effکت اسکرول یکنواخت به صفحه:
document.documentElement.style.scrollBehavior = "smooth";
نحوه استفاده
object.style.scrollBehavior = "auto|smooth|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| auto | پیش‌فرض. این ویژگی به نام "effکت اسکرول" اجازه می‌دهد تا بین عناصر داخل قاب اسکرول به صورت مستقیم به حرکت درآیند. |
| smooth | این ویژگی به نام "effکت اسکرول" اجازه می‌دهد تا بین عناصر داخل قاب اسکرول حرکت‌های انیمیشن‌دار یکنواخت داشته باشند. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم می‌کند. لطفاً به initial。 |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit。 |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را کاملاً پشتیبانی می‌کند.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 61.0 | 79.0 | 36.0 | 14.0 | 48.0 |
- صفحه قبلی right
- صفحه بعدی tableLayout
- برگشت به لایه بالاتر آبجکت Style HTML DOM
