title: Jquery resizable reposition handle after scroll
body: <p>I have an html table within a container. the container has a height, and  its overflow y set to auto to create a scrollbar</p>
  
  <pre><code>.table-container {
     height: 175px;
      border-bottom: 2px solid #EEEEEE;
      overflow-y: auto;
  
  }
  </code></pre>
  
  <p>I have also made the container resizable using JQuery UI resizable.</p>
  
  <pre><code>$(function () {
  
  $(".table-container").resizable({ handles: "s" });
  });
  </code></pre>
  
  <p>unfortunately when I use the scrollbar my resizable handles moves. I would like for it to stay at the bottom of the container.  here is the fiddle.</p>
  
  <p><a href="https://jsfiddle.net/oyb3r6u8/1/" rel="nofollow">https://jsfiddle.net/oyb3r6u8/1/</a><a href="https://jsfiddle.net/oyb3r6u8/1/" rel="nofollow">enter link description here</a></p>