Draggable не работает правильно в Chrome/Safari

Question

Когда вы пытаетесь перетащить изображение, которое вам нужно прокрутить вниз, чтобы увидеть (все, что не видно при первой загрузке), изображение застревает вверху страницы, вместо того, чтобы оставаться с курсор. Это происходит только в Chrome или Safari, отлично работает в Firefox. Я испробовал методы вне Draggable, чтобы исправить эту проблему, но они просто приводят к дополнительным проблемам.

Вот простейший вариант нужного кода, я просто не могу найти правильные классы использовать, но ответ должен быть где-то here

$("img").draggable({ stack: "img" }); 

Я считаю, что он использует JQuery-UI-1.10.0 .custom.min.js для функции перетаскивания.

Вот это URL она проходит проверку на: http://julian-berman.com/test/2/

Так в значительной степени он не знает, как перенастроить размещение Y изображения вне исходного окна контейнера, и я не могу за жизнь из меня выяснить, как это сделать.

Answer 1

Изменение положения изображения от relative до absolute. Но я думаю, вы должны попытаться сделать draggable не образ, а его родительский div. Итак:

$(".photo").draggable({ handle: "img", stack: ".photo" });