draggable containment - size of draggable element > size of container
Hello,
first sorry for my bad english - its not my mother language.
I need a functionality like the "containment" but for the following
situation: the size of the draggable element is higher than the size
of the container.
Here an example:
<div id="container">
<div class="block"></div>
</div>
.block {
position: absolute;
border: 2px solid #0090DF;
background-color: #68BFEF;
width: 800px;
height: 600px;
top: 20px;
}
#container {
position: relative;
border: 2px solid #4d4d4d;
width: 400px;
height: 300px;
}
$(document).ready(function(){
$(".block").draggable({containment: "parent"});
});
But containment only works if the container is bigger than the
draggable element...
So in detail the "top" of .block should be only between -300px and 0
and the "left" should be only between -400px and 0.
Thanks for reading and I hope someone have a idea?
n26