Question

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

我有一个地图应用程序和一个左侧工具栏。此工具栏有jquery选项卡。我无法在这些标签上找到滚动条。即使在超载.ui-tabs-panel之后。我知道只需添加height:somepx这里给我滚动条，但这不是我想要的。我希望高度一直保持到最低点。我尝试了几件事，但没有任何作用:(

我怀疑它是因为我的其他布局属性可以保持布局流畅（使地图适应屏幕大小并保持左侧栏不变）。

以下是Jsbin中的精简版：

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

有人可以帮我拿到垂直滚动条吗？

谢谢！

Answer 1

试试这个 http://jsbin.com/exeguw/9/edit#javascript,html,live

Answer 2

如果在创建选项卡后将tab div设置为#map div的高度（针对选项卡标题调整），则会启动溢出并使内容可滚动：

的javascript：

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

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

更新了jsBin。

编辑：现在也处理窗口大小调整！

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

2 个答案: