jquery-ui-resizable - JQuery UI サイズ変更可能

Question

JQuery UI を使用して、div のサイズを垂直方向にのみ変更しています (下端からドラッグします。div のheight:200pxとoverflow:autoを設定します。

JQuery は次のようになります。

$("#resizable").resizable({handles: 's',ghost: false,animate: false,});
$("#resizable" ).resizable({ maxHeight: 300 });

サイズ変更機能は、div が空であるか、コンテンツはあるがオーバーフローがない場合にうまく機能します。ただし、オーバーフローがある場合は、スクロール バーを下に移動すると、ドラッグ ハンドルが (下から) ずれて上に移動します。下端にとどまらず、使用できなくなるため、私は夢中になります。

これを修正する方法がわかりません。誰か助けてくれませんか？

ありがとうございました！

HTML:

<div id="resizable" class="divTop">
  <div class="dataView">
    <?php require_once(ROOT_PATH.'user/controls/data/get_data.php'); ?>
  </div>
</div>