スクロール中にui-resizable-handleを更新するにはどうすればよいですか？

Question

私の質問はthis oneと似ていますが、私はすべて更新版ui-resizable-handleを更新する必要があります。この問題を再現するにはthis fiddleを作成しました。

<div id='elementResizable'> 
    <h1>Full Nameeeeeeeeeee</h1> 
    Title 
    <div class="ui-resizable-handle ui-resizable-nw" id="nwgrip"></div> 
    <div class="ui-resizable-handle ui-resizable-ne" id="negrip"></div> 
    <div class="ui-resizable-handle ui-resizable-sw" id="swgrip"></div> 
    <div class="ui-resizable-handle ui-resizable-se" id="segrip"></div> 
    <div class="ui-resizable-handle ui-resizable-n" id="ngrip"></div> 
    <div class="ui-resizable-handle ui-resizable-s" id="sgrip"></div> 
    <div class="ui-resizable-handle ui-resizable-e" id="egrip"></div> 
    <div class="ui-resizable-handle ui-resizable-w" id="wgrip"></div> 
</div> 

これを実現する方法はありますか。

第2の問題は、スクロールバーが必要ない場合でも常にスクロールバーが表示されることです。おそらくui-resizable-handleが原因です。 this fiddle

Answer 1

削除オーバーフローを参照してください完全に

#elementResizable { 
    border: 1px solid #000000; 
    width: 300px; 
    height: 200px; 
}