ویژگی scroll-behavior CSS
تعریف و کاربرد
ویژگی 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 |
