Làm cách nào để thêm thanh cuộn vào div?

Tôi có cửa sổ bật lên hiển thị một số kết quả và tôi muốn một thanh cuộn được hiển thị vì kết quả đang bị tắt (và tôi không muốn cửa sổ bật lên quá dài).Làm cách nào để thêm thanh cuộn vào div?

Nguồn

2010-05-14 Blankman

Bạn cần thêm style="overflow-y:scroll;" vào thẻ div. (Điều này sẽ buộc một thanh cuộn trên dọc).

Nếu bạn chỉ muốn có một thanh cuộn khi cần thiết, chỉ cần làm overflow-y:auto;

Nguồn

2010-05-14 18:59:41

<div class="scrollingDiv">foo</div> 

div.scrollingDiv 
{ 
    overflow:scroll; 
}

Nguồn

2010-05-14 19:00:21 Gabe

@webdestroya: Nó sẽ chỉ làm tăng thêm di chuyển để divs rằng có classname của "scrollingDiv". Điều đó có thể chỉ bằng 1 hoặc thậm chí là 0 hoặc nhiều như tất cả các div mà nhà thiết kế muốn có thanh cuộn. – Robusto

Vâng, bây giờ nó sẽ mà bạn đã cập nhật nó :) –

@webdestroya: Tôi đã không chạm vào nó. Và bài đăng không hiển thị như đang được chỉnh sửa khi tôi nhận xét. W/e. – Robusto

lớp Css để có một Div đẹp với cuộn

.DivToScroll{ 
    background-color: #F5F5F5; 
    border: 1px solid #DDDDDD; 
    border-radius: 4px 0 4px 0; 
    color: #3B3C3E; 
    font-size: 12px; 
    font-weight: bold; 
    left: -1px; 
    padding: 10px 7px 5px; 
} 

.DivWithScroll{ 
    height:120px; 
    overflow:scroll; 
    overflow-x:hidden; 
}

Nguồn

2012-10-24 19:24:48

Tôi đã thêm một jsfiddle của phiên bản này - http://jsfiddle.net/YjxS8/ – DaveHogan

<head> 
<style> 
div.scroll 
{ 
background-color:#00FFFF; 
width:40%; 
height:200PX; 
FLOAT: left; 
margin-left: 5%; 
padding: 1%; 
overflow:scroll; 
} 


</style> 
</head> 

<body> 



<div class="scroll">You can use the overflow property when you want to have better  control of the layout. The default value is visible.better control of the layout. The default value is visible.better control of the layout. The default value is visible.better control of the layout. The default value is visible.better control of the layout. The default value is visible.better control of the layout. The default value is visible.better </div> 


</body> 
</html>

Nguồn

2014-06-20 02:35:29 Daveontrak

Nếu bạn muốn để thêm một thanh cuộn bằng cách sử dụng jquery, thao tác sau sẽ hoạt động. Nếu div của bạn đã có một id của 'mydiv' bạn có thể cho chúng ta jquery id chọn sau đây với tài sản css:

jQuery('#mydiv').css("overflow-y", "scroll");

Nguồn

2014-08-29 16:24:10 ScottyG

Nó là chính xác, nơi cần phải thêm nó dinamically với jquery. Nó làm việc cho tôi. Cảm ơn –

@Chaki_Bđiểm tuyệt vời. Tôi đã thêm một câu trả lời tương tự cho câu hỏi về cuộn động trên div ở đây (http://stackoverflow.com/a/36314963/2512022) – ScottyG

Làm cách nào để thêm thanh cuộn vào div?

Trả lời

Các vấn đề liên quan