0

我试图让一个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/

4

1 回答 1

0

我找到了一个解决方案来修复它，使用它获取父 div 的顶部位置offset()并将其添加到包含边界。我不确定这是不是最好的解决方案，但看起来它正在工作。

我只是顶部的偏移量有所不同，1%这很烦人：如果您拖动图像并使其尽可能地粘在顶部，它会返回99%偏移量而不是100%（请参阅控制台中的结果）。

最下面的是正确的（0%）。我认为这是由于四舍五入的大小，但我不确定。这是jsfiddle：http: //jsfiddle.net/maxwell2022/DerNa/167/

如果您有更好的想法，请告诉我。

谢谢，马克西姆

于 2013-07-31T11:39:37.060 回答