How to restrict UI draggable to the viewers screen
I have a draggable which is huge in width and height... 99% of the cases it will cross the users viewable area. I want users to drag to see the rest of div... (no scroll bars) but when they reach the end it should not move out of the viewable area and show empty space behind the draggable. It should stop at the edges of the viewable area...
How can I achieve this using draggable... I have already implemented draggable but it allows the user to move beyond ends of the draggable DIV...
Here is a nice implementation of what I am looking for.. and its been implemented using draggable..
http://in.burberry.com/store/