প্রয়োজনে সিএসএস হাইড স্ক্রোল বার

Question

overflow-y:scroll;প্রয়োজন না হলে আমি কীভাবে গোপন করতে পারি তা জানার চেষ্টা করছি । আমার অর্থ হ'ল আমি একটি ওয়েবসাইট তৈরি করছি এবং আমার একটি প্রধান ক্ষেত্র রয়েছে যা কোন পোস্ট প্রদর্শিত হবে এবং যদি সামগ্রী বর্তমান প্রস্থের বেশি না হয় তবে আমি স্ক্রোল বারটি আড়াল করতে চাই।

এছাড়াও, আমার দ্বিতীয় প্রশ্ন। আমি এটি তৈরি করতে চাই যখন পোস্টগুলি বর্তমান প্রস্থের অতিক্রম করবে তখন প্রস্থটি স্বয়ংক্রিয়ভাবে বৃদ্ধি পাবে এবং সামগ্রীটি বাক্সের বাইরে যাবে না।

এটি করার জন্য কারও কি কোনও ইঙ্গিত রয়েছে?

পোস্টের অঞ্চল:

.content {
    height: 600px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 15px;
    text-align: justify;
    line-height: 19px;
    overflow-y:scroll;
}

প্রধান ওয়েবসাইটের ধারক:

.container {
    margin: 0 auto;
    width: 757px;
    margin-top: 30px;
    text-align: center;
}

Comments

আপনি কি উলম্ব বা অনুভূমিক স্ক্রোল বারটি আড়াল করতে চান? আপনি কি এইচটিএমএল কোড দিয়ে উদাহরণ পোস্ট করতে পারেন, যেমন, jsfiddle.net এবং এখানে লিঙ্ক করতে পারেন

— আরজেও

হ্যালো, আমি যে 2 টি ক্লাস ব্যবহার করছি তা পোস্ট করেছি। এইচটিএমএলে, ক্লাসিং কল করা ছাড়া কিছুই নেই।

— থানোস প্যারাওয়ানটিস

Answer 1

overflow-yসম্পত্তি সেট করুন auto, বা সম্পত্তি উত্তরাধিকারসূত্রে না থাকলে পুরোপুরি সরান।

Comments

আমি করতে পারি তবে আমার দ্বিতীয় প্রশ্নটির সাথে প্রস্থ, অটো বাড়ানো সম্পর্কেও আমার কিছু সহায়তা দরকার।

— থানোস প্যারাভাটিস

: আপনি সবসময় Stackoverflow অনুসন্ধান ব্যবহার করার চেষ্টা করতে পারেন stackoverflow.com/questions/450903/...

— RJo

আপনার উদাহরণগুলিতে স্ক্রোল কোথায়?

— সবুজ

overflow-y: autoআমার সমস্যার সমাধান করার সময় - লিঙ্কটি আসলে এর উদাহরণ দেখায় না ...

— শেডো

নোট করা উচিত যে overflow-x: autoএটি অনুভূমিক স্ক্রোলবারগুলি আড়াল করতেও কাজ করে।

— এডওয়ার্ড ডি'সুজা

Answer 2

তুমি ব্যবহার করতে পার overflow:auto;

আপনি x এবং y অক্ষর পৃথকভাবে overflow-xএবং overflow-yবৈশিষ্ট্যগুলির সাথেও নিয়ন্ত্রণ করতে পারেন ।

উদাহরণ:

.content {overflow:auto;}
.content {overflow-y:auto;}
.content {overflow-x:auto;}

Comments

যদিও আমরা আপনার উত্তরের জন্য আপনাকে ধন্যবাদ জানাই, অন্য উত্তরগুলির উপরে যদি এটি অতিরিক্ত মান সরবরাহ করে তবে এটি আরও ভাল। এই ক্ষেত্রে, আপনার উত্তর অতিরিক্ত মান সরবরাহ করে না, যেহেতু অন্য ব্যবহারকারী ইতিমধ্যে সমাধানটি পোস্ট করেছেন। যদি পূর্বের উত্তরটি আপনার পক্ষে সহায়ক হয়ে থাকে তবে আপনার একই তথ্য বারবার না দিয়ে ভোট দেওয়া উচিত up

— টবি স্পিড

Answer 3

আপনি ওভারফ্লো করতে স্বয়ংক্রিয়ভাবে কনটেন্টার এবং কনটেন্টার উভয়ই ব্যবহার করতে পারেন। এর অর্থ যদি এর পাঠ্যটি স্বয়ংক্রিয়ভাবে অতিক্রম হয় তবে স্ক্রোলটি এক্স-অক্ষ এবং y- অক্ষ হবে। (সেপারেট এক্স-অক্ষ এবং ওয়াই-অক্ষগুলি সাধারণত ওভারফ্লো দিতে হবে না: স্বয়ং)

। কনটেন্ট {ওভারফ্লো: অটো;

Answer 4

.selected-elementClass{
    overflow-y:auto;
}

Answer 5

.container {ওভারফ্লো: অটো; the কৌশলটি করবে। আপনি যদি নির্দিষ্ট দিকটি নিয়ন্ত্রণ করতে চান তবে আপনাকে সেই নির্দিষ্ট অক্ষের জন্য অটো সেট করা উচিত। ই

.কন্টেইনার {ওভারফ্লো-ওয়াই: অটো; c কন্টেইনার {ওভারফ্লো-এক্স: লুকানো;

উপরের কোডটি এক্স-অক্ষের মধ্যে যে কোনও ওভারফ্লো লুকিয়ে রাখবে এবং ওয়াই-অক্ষে যখন প্রয়োজন হবে তখন একটি স্ক্রোল-বার তৈরি করবে ut তবে আপনাকে নিশ্চিত করতে হবে যে আপনি কনটেনারের উচ্চতার চেয়ে ডিফল্ট উচ্চতা ছোট; যদি তা না হয় তবে স্ক্রোল-বার লুকানো হবে না।