如何在jQuery UI选项卡中创建滚动条？

Question

我正在使用jQuery UI创建2个标签。我真的只需要第一个标签（标记为“队列”）可滚动，但如果创建的所有标签都是垂直滚动的，那也没关系。

请注意，我不想要或不需要水平滚动条。

我已经尝试将overflow: auto;放在我的CSS中的不同位置，但我似乎无法找到我想要的结果。我的代码在jsFiddle上：http://jsfiddle.net/6Ctnt/

任何人都可以帮我弄清楚我做错了吗？

更新

我需要项目列表（#list-container内部）可滚动。整个事情需要是动态的，所以我不能使用任何固定尺寸的高度。我需要选项卡内容区域来消耗#button-container以及存储选项卡列表的容器未占用的剩余空间。

Answer 1

添加此CSS可能会起作用：

#list-container {
    height: 200px;
    overflow-y: scroll;
}

修改 没有固定的高度：

#queue-tab {
    position: relative;
    height: 100%;
}
#list-container {
    position: absolute;
    top: 0; bottom: 0;
    right: 0; left: 0;
    overflow-y: scroll;
}

仍然需要修复边距......但似乎有效