jquery - 在固定宽度 DIV 中使用拖放表滚动

Question

我有一个我无法解决的问题。

基本上我在 DIV 中有一个拖放表。该表宽 5000 像素，位于 div 内。保存表格的 div 为 1000px 宽，溢出设置为滚动。

 <div id="drag" style="width:1000px; overflow:scroll;">
     <table id="table1" style="width: 5000px; border-style: solid; border-width: 1px;">
       ...content
     </table>
 </div> 

当我从表格中拖动一个元素并到达 div 的末尾（@1000px）并且我需要移动以访问视图之外的部分时，它对我不起作用。（图片http://i.imgur.com/7Gqaxr0.png）

当我删除包含 div 上的 1000px 宽度时，它可以工作，让我拖动并继续滚动。所以下面的代码有效。但是 Div 将是 5000 px 宽（与表格相同）我希望 Div 只有 1000px 宽并且在 div 内发生的滚动不会跨越“页面”。

<div id="drag" style="overflow:scroll;">
         <table id="table1" style="width: 5000px; border-style: solid; border-width: 1px;">
           ...content
         </table>
     </div> 

有人可以帮忙吗？

供参考。我正在使用 REDIPS Drag Drop JQuery Plugin for Tables。 http://www.redips.net/javascript/drag-and-drop-table-content/

谢谢