javascript - 可拖动在 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" });