ویژگی overscroll-behavior-y CSS

تعریف و استفاده

overscroll-behavior-y این ویژگی برای بستن زنجیره‌ی رولینگ یا بازخورد سوءگردش در هنگام تلاش برای رولینگ فراتر از مرزهای رولینگ در محور y استفاده می‌شود.

زنجیره‌ی رولینگبه معنای آن است که سوءگردش در یک عنصر باعث رفتار رولینگ عنصر والد می‌شود. این رفتار پیش‌فرض است.

سوءگردشبازخورد، هنگامی که کاربر سعی می‌کند فراتر از مرزهای رولینگ بگردد، داده می‌شود. به عنوان مثال، در دستگاه‌های موبایل، هنگامی که سعی می‌کنند فراتر از بالای صفحه بگردند، معمولاً با بازخورد بصری به‌روزرسانی صفحه همراه است.

مثال

بازگشت زنجیره‌ی رولینگ برای عنصر <div> قابل رول شده را ببند:

#yellowDiv {
  overscroll-behavior-y: contain;
}

آزمایش کنید:

آموزش زبان CSS

overscroll-behavior-y: auto|contain|none|initial|inherit;

مقدار ویژگی

جزئیات فنی

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه مرورگر اولین هستند که این ویژگی را به طور کامل پشتیبانی می‌کنند.

* در Microsoft Edge، مقدار مشخص none به عنوان contain در نظر گرفته می‌شود، که این نادرست است.

صفحات مرتبط

منابع:ویژگی overscroll-behavior CSS

منابع:ویژگی overscroll-behavior-block CSS

منابع:ویژگی overscroll-behavior-inline CSS

منابع:ویژگی overscroll-behavior-x CSS

منابع:ویژگی scroll-behavior CSS

منابع:ویژگی scroll-margin CSS

منابع:ویژگی scroll-padding CSS

منابع:ویژگی scroll-snap-align CSS