jquery中的图像重新定位

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

<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的高度小于

，所以当我尝试拖动并重新定位图像时。它跳到了起点或终点

---

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

为

照片\u容器添加相对选择器位置，img
剖面图将按绝对位置定位。我认为这个解决方案正是您想要的
您所说的“设置轴”到底是什么意思？你想得到用户开始拖动的图片中的位置吗？看看这个实例，“y”轴是0px，“x”是自动的，但当我向下拖动时，它跳到了-250px，我想以缓慢的顺序移动它，比如0px-10px-20px-250px不应该跳转。
我有谷歌搜索，他们也有Bing和Yahoo。你试过了吗？我为你做了一把小提琴，因为这需要正确的方式谢谢你的努力，但是你的图像正在文档下拖动，但是我想在div下拖动。你可以看到图像向下拖动超过div的高度。