CSS scroll-snap-type প্রতিশব্দ

পরিভাষা ও ব্যবহার

scroll-snap-type প্রতিভা সম্পদটি বর্ণনা করে যে, আপনি সরবরত সরবরত কীভাবে সম্প্রসারিত এবং দিকটি সম্প্রসারিত হবে।

সরণ আবদ্ধ হওয়ার জন্য, পিতৃত্ব ইউনিটে সংযোজিত করা করা উচিত scroll-snap-type গুণ, এবং সাব-ইউনিটে সংযোজিত করা scroll-snap-align গুণ

প্রতিদর্শ

উদাহরণ 1

x অক্ষে সরণ আবদ্ধ করা

#container {
  scroll-snap-type: x mandatory;
}

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

উদাহরণ 2: x এবং y অক্ষে আবদ্ধ হওয়া

x এবং y অক্ষে সরণ আবদ্ধ করা scroll-snap-type গুণ:

#container > div {
  scroll-snap-type: both mandatory;
}





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

উদাহরণ 3: নিকটত্ব বিশেষত্বকে নিয়ে আবদ্ধ হওয়া

x এবং y অক্ষে সরণ আবদ্ধ করা যেতে চায়াকে নিকটত্ব বিশেষত্বকে নিয়ে scroll-snap-type গুণ।এই গুণ-মূল্য ব্যবহার করার সময়, যদি সরণ কার্যক্রম দুই ইউনিটের মধ্যে থাকে, তবে আবদ্ধ হবে না:

#container > div {
  scroll-snap-type: both proximity;
}





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

CSS গঠনশৈলী

scroll-snap-type: none|x|y|block|inline|both|mandatory|proximity|initial|inherit;

গুণ-মূল্য

মূল্য বর্ণনা
none সরণ আবদ্ধ করা নেই।ডিফল্ট মূল্য
x x অক্ষে সরণ আবদ্ধ করা
y y অক্ষে সরণ আবদ্ধ করা
block ব্লক দিশায় সরণ আবদ্ধ করা
inline সারিক দিশায় সরণ আবদ্ধ করা
both x এবং y অক্ষে সরণ আবদ্ধ করা
mandatory সরণ কার্যক্রম সম্পন্ন হওয়ার পরে, সরণটি স্বয়ংক্রিয়ভাবে আবদ্ধবিন্দুতে সরণ করবে
proximity

mandatory-র মতো, কিন্তু তার অধিক সখ্য

সরণ কার্যক্রম সম্পন্ন হওয়ার পরে, সরণটি স্বয়ংক্রিয়ভাবে আবদ্ধবিন্দুতে সরণ করবে, কিন্তু আবদ্ধবিন্দুর মধ্যে একটি অঞ্চলে আবদ্ধ হবে না

ব্রাউজার পারামিটারের উপর নির্ভর করে
initial এই গুণটিকে তার ডিফল্ট মূল্যে সংযোজিত করুন।দেখুন initial。
inherit এই গুণটি তার পিতৃত্ব ইউনিট থেকে উত্তরণ করে।দেখুন inherit。

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

ডিফল্ট মূল্য: none
উত্তরণকারীতা: না
অ্যানিমেশন নির্মাণ: সমর্থন নেই।দেখুন:অ্যানিমেশন-সংক্রান্ত গুণ。
সংস্করণ: CSS3
JavaScript গঠনশৈলী: object.style.scrollSnapType="x mandatory"

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

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

Chrome Edge Firefox Safari Opera
69.0 79.0 99.0 11.0 11.0

56.0

সংশ্লিষ্ট পৃষ্ঠাCSS scroll-snap-align প্রতিশব্দ