每当您尝试拖动需要向下滚动才能看到的图像(第一次加载时不可见的任何内容)时,图像都会被拉到页面顶部,而不是停留在光标处。这只发生在 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 轴位置,而且我终究无法弄清楚如何实现这一点。
最佳答案
将图像位置从relative
更改为absolute
会有所帮助。但我认为你应该尝试使 draggable 不是图像,而是它的父 div。所以:
$(".photo").draggable({ handle: "img", stack: ".photo" });
关于javascript - 可拖动在 Chrome/Safari 中无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15467070/