jQuery中的图像重新定位答案

【问题标题】：Image Re positioning in jqueryjQuery中的图像重新定位
【发布时间】：2013-04-06 08:00:11
【问题描述】：

我想在拖动时在 div 内设置图像的轴。为此，我正在使用 jquery ui: draggable function。但其行为不符合要求。

<div id="photo_container">
<img id="profile_pic" 
src="http://1.bp.blogspot.com/-ERPa9-zC-N8/UIkwNj_4JoI/AAAAAAAAAE4/akX3NIBh_Sw/s1600/cartoon_wallpaper.jpg"/>

查看完整代码的实时示例

在上面的 html 中，div 的高度小于<img>，所以当我尝试拖动并重新定位图像时。它跳到起点或终点。

Live Example

我在谷歌上搜索，但没有找到任何好的答案。请这里的任何人都可以帮助我。

【问题讨论】：

“设置轴”到底是什么意思？您想获取用户开始拖动的图片中的位置吗？
看看 Live 例子，'y' 轴是 0px，'x' 是自动的，但是当我向下拖动它时它跳到 -250px，我想像 0px 一样以慢速移动它 - 10 像素 -20 像素。 . . . . -250px 它不应该被跳跃。
I have googling，他们也有 binging 和 yahooing。你试过了吗？

标签： jquery html css drag-and-drop

【解决方案1】：

为photo_container 选择器添加相对位置，img profile_pic 将被绝对定位。我认为这个解决方案是你想要的

【讨论】：

我为你做了一个小提琴，因为这需要是正确的方式
感谢您的努力，但是您的图像在文档下拖动，但我想在div下拖动。您可以看到图像向下拖动超过 div 的高度。