无法向下滚动到中心布局中的选项卡面板内部的末端

Question

我正在努力解决以下问题，任何提示都将不胜感激。

在我中心面板的jQuery UI布局中，我放了一个jQuery UI选项卡，在 这个选项卡中我放了一些内容。内容占用的空间比可用的空间要多， 我想只在包含div的滚动条上，而不是在整个标签页上，也不在中间的面板上。事实上，我希望标签页标题始终可见。

我所做的：

• 为jQuery UI的布局中央面板 设置center__contentSelector到标签控件（所以我有我的页眉和页脚显示OK）
• 布局中心面板上设置overflow: hidden两和标签 部件
• 上的内容div设置overflow: auto
• 给予高度到两个标签控件和conten TS' div

最后的结果看起来不错，但滚动条无法显示 最后一个项目，无论我试过了。滚动到极限是不可能的。

这里是一个小提琴，显示它是什么样子：http://jsfiddle.net/mguijarr/288yaz15/

任何想法？

Answer 1

由于标签标题部分，您的div的高度似乎每次都有额外的80像素。

#tab_1 { 
    height: calc(100% - 80px); 
    background: #00ffff; 
    overflow: auto; 
} 

Fixed Fiddle

：简单地从100％中减去那些80个像素