Làm cách nào để tự động thêm thanh cuộn dọc vào div của tôi?

Tôi muốn thêm một thanh cuộn dọc vào của tôi <div>. Tôi đã thử overflow: auto, nhưng nó không hoạt động. Tôi đã kiểm tra mã của mình trong Firefox và Chrome.

Tôi đang dán mã kiểu div ở đây:

float: left;
width: 1000px;
overflow: auto;

Bạn cần chỉ định một số chiều cao để làm cho thuộc overflow: auto;tính hoạt động.
Đối với mục đích thử nghiệm, hãy thêm height: 100px;và kiểm tra.
và cũng sẽ tốt hơn nếu bạn đưa ra overflow-y:auto;thay vì overflow: auto;, bởi vì điều này làm cho phần tử chỉ cuộn theo chiều dọc chứ không phải theo chiều ngang.

float:left;
width:1000px;
overflow-y: auto;
height: 100px;

Nếu bạn không biết chiều cao của vùng chứa và bạn muốn hiển thị thanh cuộn dọc khi vùng chứa đạt đến chiều cao cố định 100px, hãy sử dụng max-heightthay vì thuộc heighttính.

Để biết thêm thông tin, hãy đọc bài viết MDN này .

Bạn phải thêm max-heighttài sản.

.ScrollStyle
{
    max-height: 150px;
    overflow-y: scroll;
}

<div class="ScrollStyle">
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
  Scrollbar Test!<br/>
</div>

Bạn có thể đặt:

overflow-y: scroll;height: XX px

Tôi có một cuộn tuyệt vời trên của tôi div-popup. Để áp dụng, hãy thêm kiểu này vào phần tử div của bạn:

overflow-y: scroll;
height: XXXpx;

Các heightbạn chỉ định sẽ là chiều cao của div và một lần nếu bạn có nội dung vượt quá chiều cao này, bạn phải di chuyển nó.

Cảm ơn bạn.

Để hiển thị thanh cuộn dọc trong div của bạn, bạn cần thêm

height: 100px;   
overflow-y : scroll;

hoặc là

height: 100px; 
overflow-y : auto;

Tôi không chắc bạn đang cố gắng sử dụng div để làm gì, nhưng đây là một ví dụ với một số văn bản ngẫu nhiên.

Mr_Green đã đưa ra hướng dẫn chính xác khi anh ấy nói thêm overflow-y: autovì điều đó hạn chế nó ở chế độ cuộn dọc. Đây là một ví dụ JSFiddle:

JSFiddle