使用固定宽度DIV中的拖放表滚动

时间:2013-04-15 15:38:01

标签: jquery html drag-and-drop

我有一些问题,我无法解决。

基本上我在DIV中有一个拖放表。该表格为5000px宽,位于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像素(与表格相同)我希望Div只有1000px宽,并且在div中的滚动不会出现在“页面”中。

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

有人可以帮忙吗?

FYI。我是桌面的REDIPS拖放JQuery插件。 http://www.redips.net/javascript/drag-and-drop-table-content/

感谢

1 个答案:

答案 0 :(得分:0)

http://www.redips.net/my/tar/redips2.tar.gz

下载此内容,请查看example06。包装宽度是固定的,滚动得非常好。