如何在 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;
}

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