خصائص CSS overscroll-behavior-y

التعريف والاستخدام

overscroll-behavior-y يُستخدم الخاصية لتحديد ما إذا كان يجب إغلاق سلسلة التمرير أو التغذية الراجعة للتمرير الزائد عند محاولة التمرير خارج حدود التمرير في الاتجاه y.

سلسلة التمريريعني أن التمرير الزائد في عنصر يؤدي إلى سلوك التمرير في العنصر الأب. وهو السلوك الافتراضي.

التمرير الزائدالتغذية الراجعة هي التغذية الراجعة التي تُعطى للمستخدم عندما يحاول التمرير خارج حدود التمرير. على سبيل المثال، عند محاولة التمرير خارج أعلى الصفحة على جهاز محمول، عادةً ما يكون هناك تغذية راجعة بصرية مصحوبة بتحديث الصفحة.

مثال

إغلاق سلسلة التمرير في العنصر المراد تمريره:

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

جرب بنفسك

جملة CSS

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

قيمة الخاصية

القيمة الوصف
auto يُسمح بسلسلة التمرير وسلوك التغذية الراجعة لسلوك التمرير الزائد. القيمة الافتراضية.
contain يُسمح بالتغذية الراجعة لسلوك التمرير الزائد ولكن لا يُسمح بسلسلة التمرير.
none لا يُسمح بالتغذية الراجعة لسلوك التمرير الزائد أو سلوك سلسلة التمرير.
initial أعطِ هذا الخاصية قيمتها الافتراضية. راجع initial.
inherit يرجى الرجوع إلى: يُ 继承 هذا الخاصية من عنصر الأب. راجع inherit.

تفاصيل التقنية

القيمة الافتراضية: auto
التنسيق: لا
صنع المتحرك: غير مدعوم. راجع:خصائص المتحرك.
الإصدار: CSS3
جافا سكربت الجملة: object.style.overscrollBehaviorY="none"

دعم المتصفح

الرقم في الجدول يمثل إصدار المتصفح الذي يدعم الخاصية الأولى.

Chrome Edge Firefox Safari Opera
63.0 18.0 * 59.0 16.0 50.0

* في Microsoft Edge، يتم التعامل مع القيمة المميزة none كـ contain، وهو أمر غير صحيح.

الصفحات ذات الصلة

المرجع:خصائص CSS overscroll-behavior

المرجع:خصائص CSS overscroll-behavior-block

المرجع:خصائص CSS overscroll-behavior-inline

المرجع:خصائص CSS overscroll-behavior-x

المرجع:خصائص CSS scroll-behavior

المرجع:خصائص CSS scroll-margin

المرجع:خصائص scroll-padding في CSS

المرجع:خصائص scroll-snap-align في CSS