可調整大小時停止滾動工作下來

Question

我有一個滾動的DIV，並使其可調整大小的底部：

$("#mydiv").resizable({ 
    handles: "s", 
}); 

它的工作原理，但只有當它完全滾動到頂部：

當你滾動下來，可調整大小的功能似乎停止工作：

Here is a fiddle。

Answer 1

我已經與它玩，發現一個解決方案（希望）。我把你的.resizable()放在一個容器中，如下所示，一切似乎都在this fiddle。代碼：

HTML：

<div id="resizeContainer"> 

    <div id="mydiv" class="ui-widget-content"> 
    <img src="https://cdn3.iconfinder.com/data/icons/car-icons-front-views/480/Sports_Car_Front_View-512.png" width="400"> 
    </div> 

</div> 

的Javascript：

$("#resizeContainer").resizable({ 
    handles: "s", 
}); 

CSS：

#resizeContainer { 
    height: 200px; 
    overflow:hidden; 
    padding-bottom: 20px; 
    padding-right: 20px; 
} 

#mydiv { 
    height: 100%; 
    width: 100%; 
    border-bottom: 3px solid red; 
    padding: 0.5em; 
    overflow: auto; 
} 

Answer 2

添加此修復它：

$("#mydiv").on("resize", function(){ 
    $("#mydiv").resizable({ 
     handles: "s", 
    }); 
});