CSS overscroll-behavior کا حصہ

تعلیم اور استعمال

اوسکرول بیہافئر پرزنٹیج کو اسکرول کی سرحد سے باہر اسکرول کی کوشش کے وقت علامت کا اسکرول کا سلسلہ (scroll chaining) یا اسکرول کی زیادہ کوشش کی راجعیت (overscroll affordance) کی سروسٹ کرنے کے لئے استعمال کیا جاتا ہے۔

اسکرول کا سلسلہ: جب کسی علامت پر اسکرول کی کوشش زیادہ کی جاتی ہو، تو اس کا پیرنٹ علامت کا اسکرول کا عمل اثر انداز ہوتا ہے۔ یہ موروثی عمل ہے۔

مجبور سائط کی راجعیت: جب استعمال کنندہ کوشش کرتا ہوا کہ وہ اسکرول کی سرحد سے باہر اسکرول کرنے کی کوشش کرتا ہوا، تو استعمال کنندہ کو فراہم کی جانے والی راجعیت۔ مثلاً، موبائل پر پیج کی اوپر سے اسکرول کرتے وقت، عام طور پر ویژولی راجعیت اور پیج کی تازگی لائی جاتی ہوتی ہے۔

اوسکرول بیہافئر پرپریوٹی اس پرپریوٹی کی چوتھی شکل ہے:}

• اوسکرول بیہافئر-ایکس
• اوسکرول بیہافئر-یو

اوسکرول بیہافئر پرپریوٹی کی مقدار مختلف طریقوں سے قائم کی جاسکتی ہیں:

اگر اوسکرول بیہافئر پرپریوٹی کو دو مقدار ہیں تو:

اوسکرول بیہافئر: نون کنٹین;

• ایکس انکریپشن: کوئی آوٹورول اسکرول کارروائی نہیں
• یو انکریپشن: کوئی سلسلہ وار کارروائی نہیں، لیکن آوٹورول اسکرول ریلیف کو اجازت دی جاتی ہے

اگر اوسکرول بیہافئر پرپریوٹی کو ایک مقدار ہے تو:

اوسکرول بیہافئر: کنٹین;

• ایکس اور یو انکریپشن: کوئی سلسلہ وار کارروائی نہیں، لیکن آوٹورول اسکرول ریلیف کو اجازت دی جاتی ہے

مثال

مثال 1

سوئیچ آف اسکرول کی سلسلہ وار کارروائی <div> عناصر:

#yellowDiv {
  اوسکرول بیہافئر: کنٹین;
}

نوٹ: خود کا تجربہ کریں

مثال 2: دو مقدار گرامر:

یہ میکانیک: اوسکرول بیہافئر پرپریوٹی کا مقصد ارزش: آوٹو نون، ایکس انکریپشن کی سلسلہ وار کارروائی اور آوٹورول اسکرول ریلیف کو اجازت دی جاتی ہے، لیکن یہ انکریپشن کو نہیں دی جاتی:

#pinkDiv {
  اوسکرول بیہافئر: آوٹو نون;
}

نوٹ: خود کا تجربہ کریں

سی ایس ایس گرامر

اوسکرول بیہافئر: آوٹو|کنٹین|نون|ایکسیلینٹل|نکسری;

پرپریوٹی ارزش

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

براوزر حمایتی

جداول میں دکھائی گئی اعداد، اس پرپریوٹی کا پہلا پورا حمایتی براوزر کی نسلی نمبر ہیں。

* میڈورس افیج میں، پرپریوٹی والو 'نون' کو 'کنٹین' کی طرح سے بندل کیا جاتا ہے، یہ غلط ہے。

متعلقہ پیج

مجوز:CSS overscroll-behavior-x کا حصہ

مجوز:CSS overscroll-behavior-y کا حصہ

مجوز:CSS scroll-behavior کا حصہ

مجوز:CSS scroll-margin کا حصہ

مجوز:CSS scroll-padding کا حصہ

مجوز:CSS scroll-snap-align کا حصہ