jQuery UI與包含選項的可拖動問題

Question

我試圖在同一寬度的div內的圖像在div的限制內可拖動。這很難解釋，但圖像的一邊（頂部或底部）可以離開div，但不能在圖像的邊緣和div的邊框之間留有空隙。

恢復圖像具有與父div相同的寬度，但其高度較大，因此圖像的一部分被隱藏。

那麼這裏就是我想要做的： http://jsfiddle.net/maxwell2022/DerNa/165/

它的工作完美......因爲沒有在div以上。如果文檔和div之間存在差距，則不再有效。我認爲Draggable正在將該文檔作爲圖像頂部的參考。一旦你開始拖動圖像時，圖像移動和堅持它的頂部邊緣到文檔的頂部：

http://jsfiddle.net/maxwell2022/DerNa/164/

我不知道我怎麼能與containment選項實現這一點。 乾杯，

馬克西姆

UPDATE

與相對定位，但沒有運氣的另一種嘗試：http://jsfiddle.net/maxwell2022/DerNa/166/

Answer 1

我找到了一個解決方案來解決這個問題得到使用offset()父div的頂部位置並將其添加到收容邊界。我不確定這是最好的解決方案，但它看起來像在工作。

我只是有1%在頂部是很煩人的偏移量的差異：如果你拖動圖像，使其粘在上面，儘可能返回99%偏移，而非100%（中看到結果控制檯）。

底部是正確的（0%）。我認爲這是因爲四捨五入，但我不確定。 這裏是jsfiddle：http://jsfiddle.net/maxwell2022/DerNa/167/

如果你有一個更好的主意，請，請讓我知道。

感謝，馬克西姆