無法向下滾動到中心佈局中的選項卡面板內部的末端

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個像素