如何在滚动时更新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>

任何想法如何实现？

第二个问题是滚动条总是出现，即使它们不需要。可能是由于ui-resizable-handle。见this fiddle

Answer 1

完全删除溢出

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