1

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

在中心面板的 jQuery UI 布局中,我放置了一个 jQuery UI 选项卡,在此选项卡中放置了一些内容。Contents 占用的空间超过了可用空间,我希望仅在 contains 上设置滚动条div,而不是在整个选项卡上或中心面板上。事实上,我希望标签标题始终可见。

我做了什么:

  • center__contentSelectorjQuery UI 布局中心面板设置为选项卡小部件(所以我的页眉和页脚显示正常)
  • overflow: hidden在布局中心面板和选项卡小部件上进行设置
  • 内容overflow: auto的设置div
  • 为选项卡小部件和内容提供高度'div

最终结果看起来不错,但是无论我尝试什么,滚动条都无法显示最后一个项目。滚动到极限是不可能的。

这是一个显示它的样子的小提琴:http: //jsfiddle.net/mguijarr/288yaz15/

有任何想法吗 ?

4

1 回答 1

1

由于标签标题部分,您的 div 的高度似乎每次都有额外的 80 像素。只需从 100% 中减去这 80 个像素:

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

Fixed Fiddle

于 2015-04-04T16:34:02.723 回答