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

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to