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

Question

我有一点问题我无法解决。
基本上，我在DIV中有一个拖放表，这个表是5000px宽的，放在DIV中，保存这个表的DIV是1000px宽的，overflow设置为scroll。

 <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像素宽（与table相同），我希望Div只有1000像素宽，并且在Div中滚动不会出现在“page”上。

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

有人能帮忙吗？
仅供参考。我正在使用REDIPS拖放JQuery插件。 http://www.redips.net/javascript/drag-and-drop-table-content/
谢谢

Answer 1

http://www.redips.net/my/tar/redips2.tar.gz
下载这个，查看示例06。包装器的宽度是固定的，它滚动起来非常好。