CSS overscroll-behavior-block প্রক্রিয়া

সংজ্ঞা ও ব্যবহার

overscroll-behavior-block প্রধান্য ব্যবহার করা হয় যখন ব্লক দিকে সরবরত্তী সীমানা পার হতে চাইলে, উপাদানের ওপর সরবরত্তী চেইন (scroll chaining) বা অতিরিক্ত সরবরত্তী প্রতিক্রিয়া (overscroll affordance) বন্ধ করা হয়。

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

স্ক্রোলিং চেইন হল এমন একটি আচরণ যেখানে একটি এলিমেন্টের অতিরিক্ত স্ক্রোলিং পারিবেশ পিতৃত্ব এলিমেন্টের স্ক্রোলিং আচরণকে প্রভাবিত করে। এটি ডিফল্ট আচরণ।

অতিরিক্ত স্ক্রোলিং ফিডব্যাক হল যখন ব্যবহারকারী স্ক্রোলিং সীমানা ছাড়তে চায়। উদাহরণস্বরূপ, মোবাইল ডিভাইসে, পাতার শীর্ষে স্ক্রোলিং করার সময়, পাতার রিফ্রেশ হওয়ার দৃশ্যমান ফিডব্যাক দেখা যায়。 overscroll-behavior-block এবং overscroll-behavior-inline বৈশিষ্ট্যটি CSS-র 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 বৈশিষ্ট্যের সাথে সংযুক্ত

ডিভ এলিমেন্টের writing-mode যখন writing-mode-এর মান 'vertical-rl' হয়, তখন ব্লক দিশা x-অক্ষে হয়, তাই overscroll-behavior-block এখন x-অক্ষে কাজ করে, না যেমন y-অক্ষে:

#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
JavaScript বৈধতা: object.style.overscrollBehaviorBlock="none"

ব্রাউজার সমর্থন

টেবিলের সংখ্যা এই বৈশিষ্ট্যটি সম্পূর্ণরূপে সমর্থনকারী প্রথম ব্রাউজার সংস্করণটির জন্য দেখায়。

Chrome Edge Firefox Safari Opera
63.0 18.0 59.0 16.0 50.0

সম্পর্কিত পৃষ্ঠা

সূত্রঃCSS overscroll-behavior প্রক্রিয়া

সূত্রঃCSS overscroll-behavior-inline প্রক্রিয়া

সূত্রঃCSS overscroll-behavior-x প্রক্রিয়া

সূত্রঃCSS overscroll-behavior-y প্রক্রিয়া

সূত্রঃCSS scroll-behavior প্রক্রিয়া

সূত্রঃCSS scroll-margin প্রক্রিয়া

সূত্রঃCSS scroll-padding প্রতিশব্দ

সূত্রঃCSS scroll-snap-align প্রতিশব্দ

সূত্রঃCSS writing-mode অপারেশন