可拖动在 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 会有所帮助。但我认为您应该尝试使可拖动的不是图像，而是其父 div。所以：

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