ডিভ ওভারফ্লোতে স্বয়ংক্রিয়ভাবে উল্লম্ব স্ক্রোল বারটি অক্ষম করুন

Question

ওভারফ্লো: অটো (বা স্ক্রোল) ব্যবহার করার পরে কি কেবল একটি অনুভূমিক স্ক্রোল বারকে অনুমতি দেওয়া সম্ভব?

Comments

মনে রাখবেন যে margin-bottomনেতিবাচক মান সহ overflow-y: hidden

— অ্যান্ড্রু

Answer 1

এই দুটি সিএসএস বৈশিষ্ট্য স্ক্রোলবারগুলি আড়াল করতে ব্যবহার করা যেতে পারে:

overflow-y: hidden; // hide vertical
overflow-x: hidden; // hide horizontal

Comments

@ কুলটন সাফারি ও ক্রোম সম্পর্কে কী?

— কিউমাস্টার

মতে এই এটা সাফারি কাজ করে এবং আমি তা Chrome এ কাজ করে জানি।

— লুক

আপনি এখনও ডিভ ব্যবহার করে স্ক্রোল করতে পারবেন তা উল্লেখ করার মতো নয় tab,

— শর্তিত

Answer 2

আপনি শুধুমাত্র ব্যবহার করা উচিত

overflow-y:hidden; - উল্লম্ব স্ক্রোলটি আড়াল করার জন্য এটি ব্যবহার করুন

overflow-x:auto; - অনুভূমিক স্ক্রোলটি দেখানোর জন্য এটি ব্যবহার করুন

লুক উভয়ই গোপন হিসাবে উল্লেখ করেছেন। তাই আমি এটি আলাদাভাবে দিয়েছি

Answer 3

উপচে পড়া: অটো;
ওভারফ্লো-ওয়াই: লুকানো;

আইই 8 এর জন্য: -এমএস-ওভারফ্লো-ওয়াই: লুকানো;

অথবা :

এক্স লুকানোর জন্য :

<div style="height:150x; width:450px; overflow-x:hidden; overflow-y: scroll; padding-bottom:10px;"></div>

ওয়াই লুকানোর জন্য :

<div style="height:150px; width:450px; overflow-x:scroll ; overflow-y: hidden; padding-bottom:10px;"></div>

Answer 4

আপনি যদি গেকো (এনএস 6 +, মজিলা, ইত্যাদি) এবং আই 4 + একই সাথে অর্জন করতে চান তবে আমি বিশ্বাস করি এটি কৌশলটি করা উচিত: ভি

body {
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: auto;
}

এটি পুরো বডি ট্যাগে প্রয়োগ করা হবে, দয়া করে আপনার প্রাসঙ্গিক CSS এ এটি আপডেট করুন এবং এই বৈশিষ্ট্যগুলি প্রয়োগ করুন।

Answer 5

নিম্নলিখিত যুক্ত করুন:

body{
overflow-y:hidden;
}

Answer 6

এই নিয়মগুলি সমস্ত ব্রাউজারের মতো সামঞ্জস্যপূর্ণ:

body {overflow: hidden; }
body::-webkit-scrollbar { width: 0 !important; }
body { overflow: -moz-scrollbars-none; }
body { -ms-overflow-style: none; }

Answer 7

একটি সংক্ষিপ্ত স্বরলিপি সম্পর্কে?

{overflow: auto hidden;}

Answer 8

আপনি যদি স্ক্রোলবারটি অক্ষম করতে চান তবে তবুও অভ্যন্তরীণ ডিআইভির সামগ্রীটি স্ক্রোল করতে সক্ষম হন তবে CSS এর নীচে কোডটি ব্যবহার করুন,

.divHideScroll::-webkit-scrollbar {
    width: 0 !important
}
.divHideScroll {
    overflow: -moz-scrollbars-none;
}
.divHideScroll {
    -ms-overflow-style: none;
}

ডিভিহাইডস্ক্রোল হল ডিভের ডিভের শ্রেণির নাম।

এটি সমস্ত বড় ব্রাউজারে (ক্রোম, সাফারি, মজিলা, অপেরা এবং আইই) কাজ করবে