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

scroll bar not visible in jquery tabs

本文关键字：jquery 选项 滚动条      更新时间：2023-09-26

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

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

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

这是 Jsbin 中的精简版本：

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

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

谢谢！

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

JavaScript：

function ResizeTabs() { 
   $("div.scroll-tab").height($("#map").height() - 80);
}
$(function() {
   $(window).resize(ResizeTabs);
   $('#tabs').tabs({
     create: ResizeTabs
   });
});

更新了 jsBin。

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

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

相关文章：