JQuery UI：帶滾動條的可調整大小的div

Question

我做了一個可調整大小的div，現在我想要一個滾動條（y軸），當用戶調整它太多時。當有足夠的空間用於文本行時，滾動條應該消失。我認爲這可以用overflow-y: auto完成，但它沒有。

它應該是什麼樣子

什麼它實際上看起來像

https://jsfiddle.net/1wk4mevo/4/

正如你所看到的，總是有，即使有足夠的空間用於滾動條div中的所有內容。我怎樣才能解決這個問題？ （代碼可以在小提琴中看到）

Answer 1

更改您的句柄的CSS。如果將高度從7px降低到0px，則滾動條將消失。該元素位於框內，因此「額外」高度始終導致滾動條出現。

所以，我試圖刪除底部：-5px;請參閱下面的新提琴。

https://jsfiddle.net/1wk4mevo/8/

覆蓋此CSS的工作原理：

.ui-resizable-s { 
    bottom:0px; 
} 

，併產生你正在尋找的結果。