title: Scrolling selection area in an overflow div
body: <p>I have created a div which contains an image whose parent div is made scrollable . But when selecting area for cropping it does not scroll the child div. Can anyone please suggest an solution to this ? *Using imageareaselect.min</p>
  
  <pre><code>&lt;div style=" width:500px; height:300px; overflow:auto;"&gt;
      &lt;div  style=" width:1024px; height:600px ;" &gt;
          &lt;img  src="abc.jpg" style=" box-shadow:3px 0px 12px rgb(192, 192, 192);" id="thumbnail" alt="Create Thumbnail"&gt;
      &lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>and this is the jquery used to call the selection function </p>
  
  <pre><code>$(function(){
      $('#thumbnail').imgAreaSelect({ aspectRatio: '1:0.8228571428571428', onSelectChange: preview }); 
  });
  </code></pre>
  
  <p>the selection area goes out of the div and not in the overflow</p>