CSS scroll-behavior প্রক্রিয়া
- পূর্বপাতা @scope
- পরবর্তী পৃষ্ঠা scroll-margin
সংজ্ঞা ও ব্যবহার
scroll-behavior লক্ষ্যণটি ব্যবহার করে ব্যবহারকারীর যখন স্ক্রোলযোগ্য বক্সের লিঙ্কে ক্লিক করে তখন স্মোথ (অ্যানিমেশনের সাথে) স্ক্রোল করা হবে এবং না সরাসরি স্ক্রোল করা হবে。
উদাহরণ
ডকুমেন্টকে সমস্তক্ষণ স্ক্রোল ইফেক্ট যোগ করুন:
html {
scroll-behavior: smooth;
}
CSS বিন্যাস
scroll-behavior: auto|smooth|initial|inherit;
লক্ষ্যণমান
| মান | বর্ণনা |
|---|---|
| auto | ডিফল্ট মান।স্ক্রোল বক্সের এলাকার মধ্যের উপাদানগুলোর মধ্যে সরাসরি স্ক্রোল করার ‘স্ক্রোল ইফেক্ট’ অনুমতি দেয়。 |
| smooth | স্ক্রোল বক্সের এলাকার মধ্যের উপাদানগুলোর মধ্যে সমস্তক্ষণ সময়বদ্ধ ‘স্ক্রোল ইফেক্ট’ অনুমতি দেয়。 |
| initial | এই লক্ষ্যণটিকে তার ডিফল্ট মানে নিয়ে যাবে। দেখুন: initial. |
| inherit | এই লক্ষ্যণটি তার পিতৃ উপাদান থেকে উত্তরসূরী করে নেবে। দেখুন: inherit. |
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | auto |
|---|---|
| উত্তরসূরী: | না |
| অ্যানিমেশন নির্মাণ: | সমর্থন না করে। দেখুন:অ্যানিমেশন-সংক্রান্ত লক্ষ্য. |
| সংস্করণ: | CSSOM View Module (কাজকর্ম সূচী) |
| JavaScript বিন্যাস | object.style.scrollBehavior="smooth" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই লক্ষ্যণীকে যে প্রথম ব্রাউজারকে সম্পূর্ণভাবে সমর্থন করে তা নির্দেশ করে。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 61.0 | 79.0 | 36.0 | 14.0 | 48.0 |
- পূর্বপাতা @scope
- পরবর্তী পৃষ্ঠা scroll-margin
