Вынести div из блока с overflow

282

07 апреля 2017, 22:55

Есть панель навигации, фиксированная.

В ней есть div со свойством ovelflow, в котором размещаются дочерние блоки и надо из него с помощью Jquery перетаскивать блоки по всей странице, но при перетаскивании они пропадают - их становится не видно.

Если добавить draggable({ revert: true, helper: "clone" }); то всё работает, только оригинал остается на своем месте. Как сделать чтоб при перемещении оригинал пропадал, а при возвращении helper на место опять появлялся?

Пример на JSFiddle

Answer 1

нашел решение - при начале перетаскивания делаем оригинальный объект полностью прозрачным, а при окончании возвращаем ему нормальную прозрачность

$(".in-inner").draggable({
  revert: true,
  helper: "clone"
}).on('drag', function(){
$(this).css('opacity','0');
}).on('dragstop', function(){
$(this).css('opacity','1');
});