এইচটিএমএল "ওভারফ্লো: অটো" এবং "ওভারফ্লো: স্ক্রোল" এর মধ্যে পার্থক্য


123

যখন আমি overflowসম্পত্তির মানগুলি অধ্যয়ন করছিলাম তখন আমি এই দুটি মানটি পেয়েছিলাম: autoএবং scroll, লিখিত সামগ্রীতে উপাদানটি উপচে পড়লে স্ক্রোলবার যুক্ত হয়।

কেউ দয়া করে আমাকে ব্যাখ্যা করতে পারেন যে তাদের মধ্যে পার্থক্য কী?

উত্তর:


185

যখন কোনও সামগ্রী ক্লিপ করা হয় তখন অটো কেবলমাত্র একটি স্ক্রোলবার প্রদর্শন করবে।

সমস্ত বিষয়বস্তু ফিট করে এবং আপনি এটি স্ক্রোল করতে না পারলেও স্ক্রোল সর্বদা স্ক্রোলবারটি প্রদর্শন করবে।


2
কমপক্ষে সাফারির সর্বশেষতম সংস্করণে কোনও পার্থক্য বলে মনে হচ্ছে না: এমনকি scrollসামগ্রীতে ফিট থাকলে আমি স্ক্রোলবারটি দেখতে পাচ্ছি না। তবে, কেবল নিরাপদ থাকতে, আমি সাথে গিয়েছিলাম autoকারণ যখন সামগ্রীটি ক্লিপ করা হয় তখন আমি কেবল একটি স্ক্রোলবার দেখাতে চাই।
ma11 she28

1
@ ম্যাটডিপিপাস্কোয়েল ওএস এক্স এবং উইন্ডোজ বিভিন্ন উপায়ে স্ক্রোলবারগুলি প্রদর্শন করে। আপনি সম্ভবত ম্যাকের উপর সাফারি ব্যবহার করছেন? আপনি আসলে স্ক্রোল না করা পর্যন্ত ওএস এক্স প্রায়শই স্ক্রোলবারটি আড়াল করে।
জোহান ডেভিডসন

1
এর চেয়ে আরও বেশি পার্থক্য রয়েছে বলে মনে হয়, overlow: scrollবাক্সটি আরও পাতলা করে তোলে: jsbin.com/letog/2/edit
দিমিত্রি

সাফারি 12-এ (সম্ভবত পূর্ববর্তী সংস্করণগুলিও), যদি না স্ক্রোল বারগুলি সর্বদা প্রদর্শন করার জন্য কনফিগার করা থাকে overflow: scrollএবং overflow: autoযখন ধারকটি সামগ্রীটি ধারণের জন্য যথেষ্ট পরিমাণে বড় হয় তখন কার্যত অভিন্ন হয়।
লুক ওয়ার্থ

15

overflow: scrollসমস্ত উপচে পড়া সামগ্রীকে আড়াল করে তুলবে এবং প্রশ্নের মধ্যে থাকা উপাদানটিতে স্ক্রোল বারগুলি উপস্থিত হতে পারে। যদি সামগ্রীটি উপচে না যায় তবে স্ক্রোলবারগুলি এখনও দৃশ্যমান তবে অক্ষম থাকবে disabled

overflow: auto খুব অনুরূপ, তবে স্ক্রোলবারগুলি কেবল তখনই উপস্থিত হয় যখন সামগ্রীটি উপচে পড়বে।

পয়েন্টটি চিত্রিত করার জন্য কিছু স্ক্রিনশট সহ এখানে এটির অনুরূপ ব্যাখ্যা রয়েছে ।


2

সিএসএস ট্রিকস একবার দেখুন ।

অটো স্ক্রোলবারটি প্রদর্শন করবে এবং যদি কেবলমাত্র সামগ্রীটি উপচে পড়ে; তবে লিখিত সামগ্রীটি উপচে পড়ছে কি না তা সর্বদা স্ক্রোলবারটি স্ক্রোলবারটি প্রদর্শন করবে।



0

ওভারফ্লো: আপনার যখন এক বা অন্য প্রয়োজন না হয় তখনও স্ক্রোল অনুভূমিক এবং উল্লম্ব উভয় স্ক্রোলবার প্রদর্শন করবে। যখন, ওভারফ্লো: অটো আপনার ডিভের প্রয়োজনীয় যা স্ক্রোলবারটি প্রদর্শন করবে। সুতরাং মূলত অটো আপনাকে উভয় স্কলবার থেকে মুক্তি পেতে সহায়তা করবে। এখানে আরও কিছু রয়েছে:

https://css-tricks.com/the-css-overflow-property/

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.