CSS overscroll-behavior-block کی اپریٹیو

ਪਿੰਡਾ ਪੰਨਾ overscroll-behavior
ਅਗਲਾ ਪੰਨਾ overscroll-behavior-inline

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

overscroll-behavior-block ਪ੍ਰਤੀਯੋਗਿਤਾ ਲਈ ਇਸਤੇਮਾਲ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਕਿ ਬਲਕ ਦਿਸ਼ਾ ਵਿੱਚ ਸਰਕਲ ਬਾਹਰ ਹੋਣ ਉੱਤੇ ਇਲੈਕਟ੍ਰੌਨਿਕ ਦਾਇਰੇ ਵਿੱਚ ਸਰਕਲਿੰਗ ਲਿੰਕ (ਸਰਕਲ ਚੇਨਿੰਗ) ਜਾਂ ਓਵਰਸਕ੍ਰੋਲ ਫੀਡਬੈਕ (ਓਵਰਸਕ੍ਰੋਲ ਅਫੋਰਡੈਂਸ) ਨੂੰ ਬੰਦ ਕਰੇ。

滚动链是指在一个元素上过度滚动会导致父元素的滚动行为。这是默认行为。

过度滚动反馈是当用户尝试滚动超出滚动边界时给予的反馈。例如，在移动设备上，当尝试滚动超出页面顶部时，通常会伴随着页面刷新的视觉反馈。

CSS 的 overscroll-behavior-block 和 overscroll-behavior-inline 属性与 overscroll-behavior-x 和 overscroll-behavior-y 属性非常相似，但 overscroll-behavior-block 和 overscroll-behavior-inline 属性依赖于块方向和行内方向。

注意：相关的 CSS 属性 writing-mode 定义了块方向。这会影响块方向是在 x 方向还是 y 方向，以及 overscroll-behavior-block 属性的结果。对于英文页面，块方向是向下的，行内方向是从左到右的。

خصوصیت کا نتیجہ.

مثال

مثال 1

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

آپ خود سنجید

مثال 2: writing-mode خاصیت کے ساتھ ترکیب

<div> عناصر کی writing-mode خصوصیت کی قیمت 'vertical-rl' پر رکھی جاتی ہے جب تک، بلک دکھن کی جانب کا بلک دکھن تبدیل ہوجاتا ہے، لہذا overscroll-behavior-block اب ایکس کی جانب اور نہیں یو کی جانب اورتھا:

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

آپ خود سنجید

CSS گرامر

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

خصوصیت کی قیمت

قیمت	وصف
auto	مفرور سائیکل اور مفرور سائیکل چلنے کی اجازت دی جاتی ہے۔ مقصدی قیمت۔
contain	مفرور سائیکل چلنے کی اجازت دی جاتی ہے، لیکن سائیکل نہیں دی جاتی ہے۔
none	مفرور سائیکل یا سائیکل چلانے کی اجازت نہیں دی جاتی ہے۔
initial	اس خاصیت کو اس کی مقصدی قیمت میں رکھیں گے۔ ملاحظہ: initial。
inherit	اس خاصیت کو اپنے والد عنصر سے وارسی کریں گے۔ ملاحظہ: inherit。

تکنیکی تفصیلات

مقصد:	auto
وارسستی:	نہیں
آنیماشن تیار کرنا:	ناممکن ہے۔ ملاحظہ:آنیماشن سے متعلق خصوصیات。
ورژن:	CSS3
جاوا اسکریپت گرامر:	object.style.overscrollBehaviorBlock="none"