azovl
@azovl

UI-draggable клонирование div и корректное отображение?

Доброго дня, коллеги бьюсь над простенькой задачей, но никак не могу решить.
Необходимо реализовать 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');
                }
            });

Так все переноситься, но проблема в том что после клика, мой блок выходит на начало страницы в левый верхний угол, а как сделать так чтобы , никуда не уходил) А стоял и ждал хозяина пока тот его никуда не передвинет ) ? Буду признателен за любую помощь...
  • Вопрос задан
  • 2236 просмотров
Пригласить эксперта
Ответы на вопрос 1
используйте опцию helper: 'clone' тогда тягаться будет не ваш объект, который ограничен стилями родительских элеиментов, а его копия добавленная в корень документа.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
23 нояб. 2024, в 22:03
3000 руб./за проект
23 нояб. 2024, в 21:53
30000 руб./за проект
23 нояб. 2024, в 21:49
1000 руб./в час