Tôi có các phần tử (.block
) bên trong một div (#block_list
). Phụ huynh của #block_list
là một div khác (#block_list-wrapper
) có vị trí cố định. Bây giờ kể từ khi #block_list-wrapper
có vị trí cố định, một số thành phần của #block_list
không được hiển thị. Tôi muốn hiển thị chúng bằng cách sử dụng thanh cuộn.Hiển thị thanh cuộn bên trong một phần tử vị trí cố định
html:
<div id="block_list-wrapper">
<div id="handle-wrapper">
<div id="handle">
<i class="fa fa-chevron-right"></i>
<i class="fa fa-chevron-left"></i>
</div>
</div>
<div id="block_list">
<div class="one_column_block-1 block">
<img src="static/image/one_column_block-1.png">
</div>
<div class="one_column_block-2 block">
<img src="static/image/one_column_block-2.png">
</div>
...
...
...
<div class="one_column_block-1 block">
<img src="static/image/four_column_block-3.png">
</div>
</div>
</div>
bản demo Mã tại codepen.io
Tôi đã thử thêm overflow: scroll
như vậy,
#block_list-wrapper #block_list {
width: 250px;
overflow: scroll;
}
nhưng nó không giúp được gì.
Làm cách nào tôi có thể hiển thị thanh cuộn để hiển thị tất cả các phần tử (.block
) bên trong #block_list
?
thử với 'slimScroll'. –
bạn cần phải thêm chiều cao cố định để có bất kỳ loại scolling nào trên một phần tử. http://codepen.io/anon/pen/WQpVgW –
@StefanPerju Xin chào, gặp gỡ người Romania ở đây !! : D –