خصائص overscroll-behavior-x CSS
- الصفحة السابقة overscroll-behavior-inline
- الصفحة التالية overscroll-behavior-y
التعريف والاستخدام
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 | يسمح بسلوك التفاعل الزائد ولكن لا يسمح بسلسلة الدفع. |
| لا | لا يسمح بال反馈 الزائد للدفع أو سلوك سلسلة الدفع. |
| initial | ضع هذا الخصائص في قيمته الافتراضية. انظر: initial. |
| inherit | ينقل هذا الخصائص من عنصر الأب إلى هذا الخصائص. انظر: inherit. |
تفاصيل التقنية
| القيمة الافتراضية: | auto |
|---|---|
| تنقل: | لا |
| إنتاج المتحرك: | غير مدعوم. انظر:خصائص المتحرك. |
| الإصدار: | CSS3 |
| قواعد اللغة الجافا سكربت: | object.style.overscrollBehaviorX="none" |
دعم المتصفح
الرقم في الجدول يمثل إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 63.0 | 18.0 * | 59.0 | 16.0 | 50.0 |
* في Microsoft Edge، يتم اعتبار القيمة none كـ contain، وهو غير صحيح.
الصفحات ذات الصلة
مرجع:خصائص overscroll-behavior CSS
مرجع:خصائص overscroll-behavior-block CSS
مرجع:خصائص overscroll-behavior-inline CSS
مرجع:خصائص overscroll-behavior-y CSS
- الصفحة السابقة overscroll-behavior-inline
- الصفحة التالية overscroll-behavior-y
