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

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

overscroll-behavior-x এই বৈশিষ্ট্যটি x-দিকে সরণ সীমানা থেকে সরণ চেষ্টা করা হলে, ইলেকট্রনের সরণ শৃঙ্খলা বা অতিরিক্ত সরণ ফিডব্যাককে বন্ধ করতে ব্যবহৃত

দৃষ্টান্ত:x-দিকে overscroll-behavior-কে যেন চালু করা যায়, টাচবোর্ড বা টাচস্ক্রিনের হস্তক্ষেপ ব্যবহার করতে হবে。

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

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

উদাহরণ

x-দিকে সরণযোগ্য <div> ইলেকট্রনকে সরণ শৃঙ্খলা বন্ধ করুন:

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

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

CSS গঠনশৈলী

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

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

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

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

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

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

সারণীতে উল্লেখিত সংখ্যাগুলি এই বৈশিষ্ট্যটি সম্পূর্ণরূপে সমর্থনকারী প্রথম ব্রাউজার সংস্করণকে ইঙ্গিত করে

Chrome Edge Firefox Safari Opera
63.0 18.0 * 59.0 16.0 50.0

* Microsoft Edge-এ, প্রতিভুক্তি মান none-কে contain হিসাবে দেখা যাবে, এটি সঠিক নয়。

সংক্রান্ত পৃষ্ঠা

সূত্র:CSS overscroll-behavior অপারিটি

সূত্র:CSS overscroll-behavior-block অপারিটি

সূত্র:CSS overscroll-behavior-inline অপারিটি

সূত্র:CSS overscroll-behavior-y অপারিটি

সূত্র:CSS scroll-behavior অপারিটি

সূত্র:CSS scroll-margin অপারিটি

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

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