javascript - 滚动条在 jquery 选项卡中不可见

Question

首先，我知道这个问题可能被问过好几次，但每个人的布局都不一样!

我有一个 map 应用程序和一个左侧工具栏。这个工具栏有 jquery 选项卡。我无法在这些选项卡上获得滚动条。即使在重载 .ui-tabs-panel 之后。我知道只需在此处添加 height:somepx 即可获得滚动条，但这不是我想要的。我希望高度一直保持到一直下降。我尝试了几件事，但没有任何效果:(

我怀疑这是因为我的其他布局属性可以保持布局流畅(使 map 适应屏幕尺寸并保持左侧栏不变)。

这是 Jsbin 中的精简版本:

http://jsbin.com/exeguw/edit#source

谁能帮我搞定垂直滚动条？

谢谢!

Answer 1

如果在创建选项卡后将选项卡 div 设置为 #map div 的高度(针对选项卡标题进行了调整)，则会出现溢出并使内容可滚动:

JavaScript:

function ResizeTabs() { 
   $("div.scroll-tab").height($("#map").height() - 80);
}

$(function() {
   $(window).resize(ResizeTabs);
   $('#tabs').tabs({
     create: ResizeTabs
   });
});

已更新 jsBin .

编辑:现在也可以处理窗口大小调整!