CSS ਓਵਰਸਕ੍ਰੋਲ-ਬਿਹਾਵਿਰਤੀ-ਕੇਸ ਪ੍ਰਤੀਯੋਗਿਤਾ

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

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

توجه:برای فعال کردن overscroll-behavior در جهت x، ممکن است نیاز باشد که از حرکت دستی در صفحه لمسی یا صفحه لمسی استفاده کنید.

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

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

مثال

باز کردن زنجیره اسکرول عنصر <div> قابل اسکرول در جهت x:

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

آزمایش کنید

جملات نویسی CSS

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

مقدار ویژگی

مقدار توضیحات
auto اجازه می‌دهد که بازخورد سوءگردش و رفتار زنجیره‌ای اسکرول داده شود. مقدار پیش‌فرض.
contain اجازه می‌دهد که بازخورد سوءگردش داده شود، اما اجازه نمی‌دهد که زنجیره‌ای اسکرول داده شود.
none اجازه نمی‌دهد که بازخورد سوءگردش یا رفتار زنجیره‌ای اسکرول داده شود.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم می‌کند. لطفاً به: مراجعه کنید initial.
inherit این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به: مراجعه کنید inherit.

جزئیات فنی

مقدار پیش‌فرض: auto
وراثت: خیر
انیمیشن‌سازی: پشتیبانی نمی‌شود. لطفاً به: مراجعه کنیدویژگی‌های مرتبط با انیمیشن.
نسخه: CSS3
جملات نویسی جاوااسکریپت: object.style.overscrollBehaviorX="none"

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

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

کروم ایج فایرفاکس سافاری اُپرا
63.0 18.0 * 59.0 16.0 50.0

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

相关页面

ਸਰੋਤ:CSS ਓਵਰਸਕ੍ਰੋਲ-ਬਿਹਾਵਿਰਤੀ ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਰੋਤ:CSS ਓਵਰਸਕ੍ਰੋਲ-ਬਿਹਾਵਿਰਤੀ-ਬਲਾਕ ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਰੋਤ:CSS ਓਵਰਸਕ੍ਰੋਲ-ਬਿਹਾਵਿਰਤੀ-ਇਨਲਾਈਨ ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਰੋਤ:CSS ਓਵਰਸਕ੍ਰੋਲ-ਬਿਹਾਵਿਰਤੀ-ਯੂਨਾਈਟ ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਰੋਤ:CSS ਸਕਰੋਲ-ਬਿਹਾਵਿਰਤੀ ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਰੋਤ:CSS ਸਕਰੋਲ-ਮਾਰਜਿਨ ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਰੋਤ:CSS scroll-padding ਪ੍ਰਤੀਯੋਗਿਤਾ

ਸਰੋਤ:CSS scroll-snap-align ਪ੍ਰਤੀਯੋਗਿਤਾ