title: Rowsorter JQuery Plugin issue
body: <p>Hello guys,</p>
  <p>Im using Touch-enabled Drag'n'drop Table Sorter plugin <a href="https://www.jqueryscript.net/table/touch-table-row-sorter.html" rel="nofollow noreferrer">https://www.jqueryscript.net/table/touch-table-row-sorter.html</a></p>
  <p>to drag table rows up and down.</p>
  <p>My problem is page is not scrolling on dragging &quot;Record 1&quot; column below &quot;Record 9&quot;.</p>
  <p>HTML:</p>
  <pre><code>&lt;table id=&quot;table3&quot;&gt;
   &lt;thead&gt;
       &lt;tr&gt;
           &lt;th colspan=&quot;3&quot;&gt;handler: &quot;span.sort-handler&quot;&lt;/th&gt;
       &lt;/tr&gt;
   &lt;/thead&gt;
   &lt;tbody&gt;
       &lt;tr&gt;
           &lt;td&gt;Row 1&lt;/td&gt;
           &lt;td&gt;Record 1 &lt;span class=&quot;sort-handler&quot;&gt;&lt;/span&gt;&lt;/td&gt;
           &lt;td&gt;Record 1&lt;/td&gt;
       &lt;/tr&gt;
       &lt;tr&gt;
           &lt;td&gt;Row 2&lt;/td&gt;
           &lt;td&gt;Record 2 &lt;span class=&quot;sort-handler&quot;&gt;&lt;/span&gt;&lt;/td&gt;
           &lt;td&gt;Record 2&lt;/td&gt;
       &lt;/tr&gt;
       &lt;tr&gt;
           &lt;td&gt;Row 3&lt;/td&gt;
           &lt;td&gt;Record 3 &lt;span class=&quot;sort-handler&quot;&gt;&lt;/span&gt;&lt;/td&gt;
           &lt;td&gt;Recrod 3&lt;/td&gt;
       &lt;/tr&gt;
       &lt;tr&gt;
           &lt;td&gt;Row 4&lt;/td&gt;
           &lt;td&gt;Record 4 &lt;span class=&quot;sort-handler&quot;&gt;&lt;/span&gt;&lt;/td&gt;
           &lt;td&gt;Record 4&lt;/td&gt;
       &lt;/tr&gt;
       &lt;tr&gt;
           &lt;td&gt;Row 5&lt;/td&gt;
           &lt;td&gt;Record 5 &lt;span class=&quot;sort-handler&quot;&gt;&lt;/span&gt;&lt;/td&gt;
           &lt;td&gt;Record 5&lt;/td&gt;
       &lt;/tr&gt;
        &lt;tr&gt;
           &lt;td&gt;Row 6&lt;/td&gt;
           &lt;td&gt;Record 6 &lt;span class=&quot;sort-handler&quot;&gt;&lt;/span&gt;&lt;/td&gt;
           &lt;td&gt;Record 6&lt;/td&gt;
       &lt;/tr&gt;
    &lt;tr&gt;
           &lt;td&gt;Row 7&lt;/td&gt;
           &lt;td&gt;Record 7 &lt;span class=&quot;sort-handler&quot;&gt;&lt;/span&gt;&lt;/td&gt;
           &lt;td&gt;Record 7&lt;/td&gt;
       &lt;/tr&gt;
       &lt;tr&gt;
           &lt;td&gt;Row 8&lt;/td&gt;
           &lt;td&gt;Record 8 &lt;span class=&quot;sort-handler&quot;&gt;&lt;/span&gt;&lt;/td&gt;
           &lt;td&gt;Record 8&lt;/td&gt;
       &lt;/tr&gt;
   &lt;/tbody&gt;
   &lt;tfoot&gt;5
       &lt;tr&gt;
           &lt;td colspan=&quot;3&quot;&gt;&amp;nbsp;&lt;/td&gt;
       &lt;/tr&gt;
   &lt;/tfoot&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  <p>JQUERY:</p>
  <pre><code>RowSorter(&quot;#table3&quot;, {
      handler: 'span.sort-handler' 
  });
  </code></pre>
  <p>Please check this JSFiddle link <a href="https://jsfiddle.net/ayyanarpms/7sagcu0j/4/" rel="nofollow noreferrer">https://jsfiddle.net/ayyanarpms/7sagcu0j/4/</a></p>
  <p>What i need is this <a href="https://jqueryui.com/resources/demos/draggable/scroll.html" rel="nofollow noreferrer">https://jqueryui.com/resources/demos/draggable/scroll.html</a></p>