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

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

overscroll-behavior-y এই বৈশিষ্ট্যটি, y-ভাগে স্ক্রোলিং সীমানা থেকে বেরিয়ে যাওয়ার চেষ্টা করার সময়, এলিমেন্টের স্ক্রোলিং লিন্ক বন্ধ করা বা অতিরিক্ত স্ক্রোলিং ফিডব্যাক ব্যবহার করা

স্ক্রোলিং লিন্কএকটি এলিমেন্টে অতিরিক্ত স্ক্রোলিং করা, যার ফলে পিতৃত্ব এলিমেন্টের স্ক্রোলিং ব্যবহার হয়। এটা ডিফল্ট ব্যবহার

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

উদাহরণ

স্ক্রোলিং <div> এলিমেন্টের স্ক্রোলিং লিন্ক বন্ধ করুন:

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

আপনার নিজেই প্রয়াস করুন

CSS গ্রামার

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

বৈশিষ্ট্যমূল্য

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

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

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

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

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

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

* মাইক্রোসফট এডজেক্সে, বৈশিষ্ট্যমূল্য none কে contain হিসাবে হয়ে যায়, এটা সঠিক নয়।

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

উল্লেখ:CSS overscroll-behavior প্রক্রিয়া

উল্লেখ:CSS overscroll-behavior-block প্রক্রিয়া

উল্লেখ:CSS overscroll-behavior-inline প্রক্রিয়া

উল্লেখ:CSS overscroll-behavior-x প্রক্রিয়া

উল্লেখ:CSS scroll-behavior প্রক্রিয়া

উল্লেখ:CSS scroll-margin প্রক্রিয়া

উল্লেখ:CSS scroll-padding অপারেশন

উল্লেখ:CSS scroll-snap-align অপারেশন