CSS overscroll-behavior-inline کی ویژگی

定义和用法

overscroll-behavior-inline 属性用于在行内方向上尝试滚动超出滚动边界时，关闭元素的滚动链或过度滚动反馈。

ملاحظة:要在行内方向上触发 overscroll-behavior，您可能需要在触摸板或触摸屏上使用滑动手势。

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

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

تغذية الراجعة للتدحرج الزائد هي تغذية الراجعة التي تقدم للمستخدم عند محاولة تدحرج خارج حدود التدحرج. على سبيل المثال، عند محاولة تدحرج خارج أعلى الصفحة في جهاز المحمول، عادة ما يكون هناك تغذية راجعة بفرشاة الصفحة. overscroll-behavior-inline وشبه پچھلے پہلے CSS overscroll-behavior-x وشبه الخصائص مع خصائص overscroll-behavior-y overscroll-behavior-inline وشبه پچھلے پہلے الخصائص تعتمد على الاتجاه الخارجي والاتجاه الداخلي.

ملاحظة:خصائص CSS ذات الصلة writing-mode يحدد الاتجاه الداخلي. يؤثر على الاتجاه الداخلي إذا كان في الاتجاه x أو الاتجاه y، وكذلك overscroll-behavior-inline نتيجة الخاصية. للصفحات باللغة الإنجليزية، الاتجاه الداخلي من اليسار إلى اليمين، الاتجاه الخارجي من الأسفل إلى الأعلى.

مثال

مثال 1

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

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

جرب بنفسك

مثال 2: دمج الخاصية writing-mode

تعيين <div> عناصر writing-mode عندما يتم تعيين قيمة الخاصية 'vertical-rl'، يتغير الاتجاه الداخلي إلى الاتجاه y، لذا overscroll-behavior-inline الآن يعمل في الاتجاه y وليس في الاتجاه x:

#yellowDiv {
  writing-mode: vertical-rl;
  overscroll-behavior-inline: contain;
}

جرب بنفسك

قواعد اللغة CSS

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

قيمة الخاصية

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

دعم المتصفح

الاعدادات في الجدول تعكس إصدار المتصفح الذي يدعم الخاصية لأول مرة.

معلومات الصفحة

参考：CSS overscroll-behavior کی ویژگی

参考：CSS overscroll-behavior-block کی ویژگی

参考：CSS overscroll-behavior-x کی ویژگی

参考：CSS overscroll-behavior-y کی ویژگی

参考：CSS scroll-behavior کی ویژگی

参考：CSS scroll-margin کی ویژگی

参考：CSS scroll-padding کیمپٹنٹ

参考：CSS scroll-snap-align کیمپٹنٹ

参考：CSS writing-mode کیمپٹی