CSS scroll-snap-stop প্রতিভূতি

সংজ্ঞা ও ব্যবহার

টাচবোর্ড বা টাচস্ক্রিনের উপর দ্রুত সরিয়ে আসার সময়,scroll-snap-stop লক্ষ্যণটি ব্যবহার করা হয়, যাতে সরণ প্রত্যেক উপাদানকে সরানো হোক বা থামানো এবং পরবর্তী উপাদানে ফক্সিং করা হোক。

যদি সরণ ফক্সিং থামানোর আচরণ নিয়ন্ত্রণ করতে হয়, তবে সাবদেশ উপাদানে সংযোজিত করতে হবে scroll-snap-stop এবং scroll-snap-align লক্ষ্যণ, এবং পিতৃত্ব উপাদানে সংযোজিত করুন scroll-snap-type লক্ষ্যণ

মন্তব্য: আপনাকে টাচবোর্ড বা টাচস্ক্রিন সহ সংযুক্ত ডিভাইসে স্লাইড মৌসুম ব্যবহার করতে হবে, যাতে এই লক্ষ্যণটির অনুভব করতে পারেন scroll-snap-stop লক্ষ্যণের প্রভাব

উদাহরণ

টাচবোর্ড বা টাচস্ক্রিনের উপর দ্রুত সরিয়ে আসার সময়, সরণকে বাধ্যতামূলকভাবে থামিয়ে পরবর্তী উপাদানে ফক্সিং করা হবে:

div {
  scroll-snap-stop: always;
}

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

CSS গঠনশৈলী

scroll-snap-stop: normal|always|initial|inherit;

লক্ষ্যণ মান

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

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

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

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

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

চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
75.0 79.0 103.0 15.0 62.0

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

উল্লেখCSS scroll-snap-align প্রতিভূতি

উল্লেখCSS scroll-snap-type প্রতিভূতি