Доброго дня, коллеги бьюсь над простенькой задачей, но никак не могу решить.
Необходимо реализовать drag&drop div-а.
Но проблема в том что родительский div имеет overflow-x: hidden;
overflow-y: scroll; что не позволяет передвигать мой div за его границы, естественно "overflow-x: hidden; overflow-y: scroll; " убирать запрещено.
Имею такой код:
<div class="main-container">
<div class="some-container"></div>
<div class="group-container"></div>
</div>
$('.group-container').draggable({
containment: 'window',
zIndex: 9999,
drag: function(ui, event){
$('.group-container').css(position', 'fixed');
}
});
Так все переноситься, но проблема в том что после клика, мой блок выходит на начало страницы в левый верхний угол, а как сделать так чтобы , никуда не уходил) А стоял и ждал хозяина пока тот его никуда не передвинет ) ? Буду признателен за любую помощь...