1

我正在尝试从溢出的容器中拖动一个元素：隐藏的 div。拖动时，元素会移到容器后面（看起来好像在屏幕后面）。可拖动的元素应该被拖到它们的容器之外，并且一旦它们在外面就保持可见。

链接到小提琴

请注意

1）我不能使用appendTo可拖动的内部（因为它会在其他地方引起我的问​​题）

helper:clone2）出于同样的原因，我不能再次使用。

完整的代码如下。

HTML

<div id='outer_container'>
    <div id = 'inner_container'>
        <div class = 'draggable_element'></div>
        <div class = 'draggable_element'></div>
        <div class = 'draggable_element'></div>
    </div>
</div>

CSS

#outer_container
{
    background:#ededed;
    position:absolute;
    top:100px;
    left:40px;
    width:400px;
    height:100px;
    overflow:hidden;
}

#inner_container
{
    position:absolute;
    width:2000px;
    height:100px;
    top:0px;
    left:0px;
    background:#ededed;
}

.draggable_element
{
    position:relative;
    width:90px;
    height:80px;
    top:10px;
    left:20px;
    margin-right:50px;
    background:#ff9600;
    float:left;
}

脚本

$('.draggable_element').draggable();

我希望有人能指出我正确的方向。谢谢！

4

0 回答 0