এইচটিএমএল: দীর্ঘ অনুচ্ছেদের জন্য কেবলমাত্র উল্লম্ব স্ক্রোল-বার দিয়ে একটি ডিআইভি কীভাবে তৈরি করবেন?

Question

আমি আমার ওয়েবসাইটে শর্তাবলী এবং শর্ত নোট প্রদর্শন করতে চাই। আমি পাঠ্য ক্ষেত্রটি ব্যবহার করতে চাই না এবং আমার পুরো পৃষ্ঠাটি ব্যবহার করতে চাই না। আমি কেবল নির্বাচিত ক্ষেত্রে আমার পাঠ্যটি প্রদর্শন করতে চাই এবং নীচে গিয়ে সমস্ত পাঠ্য পড়তে কেবল উল্লম্ব স্ক্রোল বারটি ব্যবহার করতে চাই।

বর্তমানে আমি এই কোডটি ব্যবহার করছি:

<div style="width:10;height:10;overflow:scroll" >
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
</div>

দুটি সমস্যা:

1. এটি প্রস্থ এবং উচ্চতা স্থির করছে না এবং সমস্ত পাঠ্য উপস্থিত না হওয়া অবধি ছড়িয়ে যাচ্ছে।
2. দ্বিতীয়টি এটি অনুভূমিক স্ক্রোল-বার দেখাচ্ছে এবং আমি এটি প্রদর্শন করতে চাই না।

Comments

প্রস্থ / উচ্চতার সমস্যাটি "ড্যানিয়েল ভ্যাসালো" দ্বারা সমাধান করা হয় এবং অনুভূমিক স্ক্রোল-বার সমস্যাটি "জানমোসেন" দ্বারা সমাধান করা হয়। এখন কার উত্তর আমার গ্রহণ করা উচিত :) আমি একাধিক নির্বাচন করতে পারি;)

— আওয়ান

Answer 1

ব্যবহার overflow-y। এই সম্পত্তি সিএসএস 3।

Comments

প্রস্থ / উচ্চতার সমস্যাটি "ড্যানিয়েল ভ্যাসালো" দ্বারা সমাধান করা হয় এবং অনুভূমিক স্ক্রোল-বার সমস্যাটি "জানমোসেন" দ্বারা সমাধান করা হয়। এখন কার উত্তর আমার গ্রহণ করা উচিত :) আমি একাধিক নির্বাচন করতে পারি;)

— আওয়ান

এটি বেশ সুস্পষ্ট: সর্বদা আন্ডারডগের জন্য যান, অর্থাত: সর্বনিম্ন সুনামের সাথে। ;-)

— janmoesen

Hahaha। তবে আপনার উত্তরটি "ড্যানিয়েল ভাসালো" হিসাবে বিস্তারিত নয় :) :)

— আওয়ান

আমি "কম বেশি বেশি" এর জন্য চেষ্টা করি এবং লিঙ্কগুলিকে কথা বলি। যাইহোক, কেবল একটি বাছাই করুন এবং সপ্তাহান্তে একটি সুন্দর দিন!

— janmoesen

আমি বিশ্বাস করি যে এখানে লিঙ্কগুলি অবৈধ হয়ে যেতে পারে বলে "জাস্ট" একটি লিঙ্ক দিয়ে কোনও প্রশ্নের উত্তর না দেওয়া এখানে মান standard আপনার উত্তরে সরাসরি প্রশ্নের উত্তর দেওয়ার জন্য আপনার পর্যাপ্ত তথ্য অন্তর্ভুক্ত করা উচিত এবং তারপরে একটি রেফারেন্স হিসাবে লিঙ্কটি থাকা উচিত।

— জেফ্রি হারমন

Answer 2

অনুভূমিক স্ক্রোলবারগুলি আড়াল করতে আপনি ওভারফ্লো-এক্সকে লুকিয়ে রাখতে পারেন, এটির মতো:

overflow-x: hidden;

Comments

আমি মনে করি এটিই উত্তরটি জিজ্ঞাসাকারীর চেয়েছিল ... আপনি আরও credit

— ইয়ান ওয়াইজ

Answer 3

আপনাকে এগুলি widthএবং heightইন নির্দিষ্ট করতে হবে px:

width: 10px; height: 10px;

এছাড়াও, আপনি overflow: auto;অনুভূমিক স্ক্রোলবারটি প্রদর্শন হতে বাধা দিতে ব্যবহার করতে পারেন ।

অতএব, আপনি নিম্নলিখিত চেষ্টা করতে পারেন:

<div style="width:100px; height:100px; overflow: auto;" >
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
</div>

Comments

প্রস্থ এবং উচ্চতা এখন কাজ করছে কিন্তু অনুভূমিক স্ক্রোলবারটি এখনও সরানো হয়নি।

— আওয়ান

প্রস্থ / উচ্চতার সমস্যাটি "ড্যানিয়েল ভ্যাসালো" দ্বারা সমাধান করা হয় এবং অনুভূমিক স্ক্রোল-বার সমস্যাটি "জানমোসেন" দ্বারা সমাধান করা হয়। এখন কার উত্তর আমার গ্রহণ করা উচিত :) আমি একাধিক নির্বাচন করতে পারি;)

— আওয়ান

Answer 4

প্রথমে আপনাকে ধন্যবাদ

ব্যবহার করুন overflow:autoএটা আমার জন্য কাজ করে।

অনুভূমিক স্ক্রোল বার অদৃশ্য হয়ে যায়।

Answer 5

যে কোনও ক্ষেত্রে সেট overflow-xকরা hiddenএবং আমি ডিভের max-heightউচ্চতার প্রসারণ সীমাবদ্ধ করার জন্য সেট করতে পছন্দ করি । আপনার কোডটি দেখতে এমন হওয়া উচিত:

overflow-y: scroll;
overflow-x: hidden;
max-height: 450px;

Answer 6

আপনার ডিভিতে উল্লম্ব স্ক্রোল বারটি দেখানোর জন্য আপনাকে যুক্ত করতে হবে

height: 100px;   
overflow-y : scroll;

অথবা

height: 100px; 
overflow-y : auto;

Comments

আমি ব্যবহার করতে পছন্দ max-height: 100px;।

— রোমান

আমার কনফিগারেশনের কারণে এটি heightঅনুপস্থিত ছিল সুতরাং উল্লম্ব স্ক্রোল বারগুলি প্রদর্শন করে না, যদিও height:100%;আমার জন্য আরও ভাল কাজ করেছে।

— শার্পসিসি

Answer 7

overflow-y : scroll;
overflow-x : hidden;

height alচ্ছিক

Answer 8

আপনি ওভারফ্লো সম্পত্তিটি ব্যবহার করতে পারেন

style="overflow: scroll ;max-height: 250px; width: 50%;"

Answer 9

আমিও একই সমস্যার মুখোমুখি হয়েছি ... এটি করার চেষ্টা করুন ... এটি আমার পক্ষে কাজ করেছে

        .scrollBbar 
        {
        position:fixed;
        top:50px;
        bottom:0;
        left:0;
        width:200px;
        overflow-x:hidden;
        overflow-y:auto;
       }

Answer 10

এটি আমার মিশ্রণ:

overflow-y: scroll;
height: 13em; // Initial height.
resize: vertical; // Allow user to change the vertical size.
max-height: 31em; // If you want to constrain the max size.