jquery – 在固定位置元素内显示滚动条

我在div(#block_list)中有元素(.block). #block_list的父级是另一个div(#block_list-wrapper),它具有固定的位置.现在,由于#block_list-wrapper具有固定位置,因此不会显示#block_list的某些元素.我想用滚动条显示它们.

HTML：

代码演示在codepen.io

我尝试添加溢出：滚动如此,

#block_list-wrapper #block_list {
    width: 250px;
    overflow: scroll;
}

但它也没有帮助.

如何显示滚动条以显示#block_list中的所有元素(.block)？

最佳答案

添加以下代码行以设置元素的高度：

$("#block_list").css("height",$(window).height())

Updated CodePen

显然,另一个解决方案就是用CSS做到这一点,就像其他答案所说的那样.