HTML: Як створити DIV лише з вертикальними смугами прокрутки для довгих абзаців?

Я хочу показати примітку про умови на своєму веб-сайті. Я не хочу використовувати текстове поле, а також не хочу використовувати всю свою сторінку. Я просто хочу відобразити свій текст у вибраній області і хочу використовувати лише вертикальну смугу прокрутки, щоб спуститися вниз і прочитати весь текст.

В даний час я використовую цей код:

<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. По-друге, вона показує горизонтальну смугу прокрутки, і я не хочу її показувати.

Використовуйте overflow-y. Ця властивість - CSS 3.

щоб приховати горизонтальні смуги прокрутки, ви можете встановити overflow-x у прихований, як-от так:

overflow-x: hidden;

Вам потрібно вказати 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>

Дякую спочатку

Використовуйте overflow:autoце працює для мене.

горизонтальна смуга прокрутки зникає.

У будь-якому випадку, встановленому overflow-xна, hiddenя вважаю за краще встановити max-height, щоб обмежити розширення висоти діва. Ваш код повинен виглядати так:

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

Щоб відобразити вертикальну смугу прокрутки у вашому div, вам потрібно додати

height: 100px;   
overflow-y : scroll;

або

height: 100px; 
overflow-y : auto;

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

height необов’язково

Ви можете використовувати властивість переповнення

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

Я також зіткнувся з тим же питанням ... спробуйте це зробити ... це працювало для мене

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

Це моя суміш:

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.