我正试图在相同宽度的div中创建一个图像，以便在div的限制内拖动。这很难解释，但图像的一侧（顶部或底部）可以离开div，但图像边缘和div边界之间不能有间隙。
要恢复，图像的宽度与父div相同，但其高度更大，因此图像的一部分被隐藏。
我想做的是：http://jsfiddle.net/maxwell2022/DerNa/165/
它运行得很好。。。因为div上面什么都没有。如果文档和div之间有间隙，它就不能工作了。我认为Draggable将文档作为图像顶部的参考。一旦您开始拖动图像，图像就会移动并将其顶部边缘粘贴到文档顶部：
http://jsfiddle.net/maxwell2022/DerNa/164/
我不知道如何使用containment选项来实现这一点。干杯，
最大
更新
另一个相对定位但没有运气的尝试：http://jsfiddle.net/maxwell2022/DerNa/166/
我找到了一个解决方案来修复它，使用offset()获得父div的顶部位置，并将其添加到包含边界。我不确定这是最好的解决方案，但看起来它正在发挥作用。
我只是在顶部的偏移量上有一个1%的差异，这很烦人：如果你拖动图像并使其尽可能地粘在顶部，它会返回99%偏移量，而不是100%（请参阅控制台中的结果）。
底部的是正确的（0%）。我想是由于四舍五入的缘故，但我不确定。这是jsfiddle：http://jsfiddle.net/maxwell2022/DerNa/167/
如果你有更好的主意，请告诉我。
谢谢，Maxime