CSS overscroll-behavior-inline অপারিটা

বিবরণ ও ব্যবহার

overscroll-behavior-inline এই প্রতিশব্দটি ব্যবহার করা হয় এমন স্ক্রোলিংয়ের প্রক্রিয়ায় যখন একটি এলাকা স্ক্রোলিং করা হয়, তখন স্ক্রোলিং লাইনের বাইরে গিয়েছে, তারপর সেই এলাকার স্ক্রোলিং লাইনটি বন্ধ করা হয় বা অতিরিক্ত স্ক্রোলিং ফিডব্যাক বন্ধ করা হয়。

নোট:ট্র্যাকবোর্ড বা টাচস্ক্রিনের উপর স্ক্রোল করে overscroll-behavior-এর উপর ট্রিগার করতে, আপনাকে স্ক্রোলিং ম্যানুভারকে ব্যবহার করতে হবে。

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

অতিরিক্ত স্ক্রোলিং ফিডব্যাক হল যখন ব্যবহারকারী স্ক্রোলিং সীমানা ছাড়ে চেষ্টা করে তখন প্রদেয় ফিডব্যাক। উদাহরণস্বরূপ，মোবাইল ডিভাইসের ক্ষেত্রে, পৃষ্ঠার শীর্ষ থেকে স্ক্রোলিং করার চেষ্টা করার সময় পৃষ্ঠার ফিডব্যাক প্রদর্শিত হয়

CSS- overscroll-behavior-inline এবং overscroll-behavior-block বৈশিষ্ট্যটি সাধারণত overscroll-behavior-x এবং overscroll-behavior-y বৈশিষ্ট্য অতিরিক্ত স্ক্রোলিং ফিডব্যাককে overscroll-behavior-inline এবং overscroll-behavior-block বৈশিষ্ট্যটি ব্লক দিক এবং লিনার দিকের উপর নির্ভর করে

নোট:সংশ্লিষ্ট CSS বৈশিষ্ট্য writing-mode লিনার দিক নির্ধারণ করে। এটি প্রভাবিত করে যে লিনার দিক x-দিকে হবে কিংবা y-দিকে এবং overscroll-behavior-inline বৈশিষ্ট্যের ফলাফল। ইংরেজি পৃষ্ঠায়, লিনার দিক ডান থেকে বামের দিকে এবং ব্লক দিক নিচের দিকে

প্রতিমান

উদাহরণ 1

লিনার দিকে স্ক্রোলিং করা যায়না ডিভ উপাদানের স্ক্রোলিং চেইন বন্ধ করুন

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

আপনার নিজেই চেষ্টা করুন

উদাহরণ 2: writing-mode বৈশিষ্ট্য সহ

ডিভ উপাদানের writing-mode যখন প্রতিটি বৈশিষ্ট্য 'vertical-rl' হয়, তখন লিনার দিক y-দিকে হয়, তাই overscroll-behavior-inline এখন স্ক্রোলিং যেকোনো উপরে কাজ করে, না স্ক্রোলিং উপরে

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

আপনার নিজেই চেষ্টা করুন

CSS গ্রামার

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

বৈশিষ্ট্য মান

মান বর্ণনা
auto স্ক্রোলিং চেইন এবং অতিরিক্ত স্ক্রোলিং ফিডব্যাক আচরণকে অনুমদিত করে। ডিফল্ট মান
contain অতিরিক্ত স্ক্রোলিং ফিডব্যাক আচরণকে অনুমদিত করে, কিন্তু স্ক্রোলিং চেইনকে অনুমদিত না করে
none অতিরিক্ত স্ক্রোলিং ফিডব্যাক বা স্ক্রোলিং চেইন আচরণকে অনুমদিত না করে
initial এই বৈশিষ্ট্যটি তার ডিফল্ট মানে সমায়োজিত হয়। দেখুন initial。
inherit এই বৈশিষ্ট্যটি তার পিতৃত্ব উপাদান থেকে উত্তরসূরী হয়। দেখুন inherit。

প্রযুক্তিগত বিবরণ

ডিফল্ট মান: auto
উত্তরসূরীতা: না
অ্যানিমেশন নির্মাণ: সমর্থন নয়। দেখুন:অ্যানিমেশন-সংক্রান্ত বৈশিষ্ট্য。
সংস্করণ: CSS3
জেভাস্ক্রিপ্ট গ্রামার: object.style.overscrollBehaviorInline="none"

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

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

চ্রোম এজ ফায়ারফক্স সাফারি ওপেরা
63.0 18.0 59.0 16.0 50.0

সংশ্লিষ্ট পৃষ্ঠা

উল্লেখ: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 এটি একটি অ্যাট্রিবিউট