javascript - 可拖动在 Chrome/Safari 中无法正常工作

标签 javascript jquery draggable jquery-ui-draggable jquery-draggable

每当您尝试拖动需要向下滚动才能看到的图像(第一次加载时不可见的任何内容)时,图像都会被拉到页面顶部,而不是停留在光标处。这只发生在 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/

相关文章:

javascript - 单击时暂停 HTML5 视频播放器

javascript - jQuery- "fadeIn is not a function"

jquery - 如何在JQuery中创建自己的函数?

javascript - 如何根据文本框 vue.js 上的指定数量添加行

reactjs - 有没有办法在具有音量 slider 的组件上实现 React 中的 Draggable ?

javascript - bind 会创建函数的新副本吗?

javascript - `Preload.js` 安卓设备加载部分文件失败

javascript - 如何将简单的 dom 元素添加到 ExtJS 容器中?

javascript - 在页面顶部不拖动时光标位置和可拖动位置不一样

使用包含时,带有 margin-left 的 jQuery 可拖动元素不会向左移动