可移动无法在Chrome / Safari中正常运行

Question

每当您尝试拖动需要向下滚动的图像（第一次加载时看不到任何内容）时，图像就会被拍摄到页面顶部，而不是停留在光标上。这只发生在Chrome或Safari中，在Firefox中效果很好。我已经尝试过Draggable以外的方法来解决这个问题，但它们只会导致其他问题。

这是所需代码的最简单版本，我找不到合适的类，但答案必须在某处here

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

我相信它使用jquery-ui-1.10.0.custom.min.js作为拖动功能。

以下是在http://julian-berman.com/test/2/

测试的网址

所以它几乎不知道如何在初始窗口容器之外重新调整图像的Y位置，我不能为我的生活弄清楚如何实现这一点。

Answer 1

将图像位置从relative更改为absolute会有所帮助。但我认为你应该尝试使拖拽不是一个图像，而是它的父div。所以：

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