1

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

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

我怀疑这是因为我的其他布局属性可以保持布局流畅（使地图调整到屏幕尺寸并保持左侧栏不变）。

这是 Jsbin 中的精简版本：

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

有人可以帮我获得垂直滚动条吗？

谢谢！

4

2 回答 2

1

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

javascript:

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

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

更新了 jsBin。

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

于 2012-07-03T16:57:33.157 回答
1

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

于 2012-07-03T07:23:14.043 回答