如果當前移動超過圖片高度大小，我該如何阻止jQuery ui拖動？

Question

這裏的一個例子http://jsfiddle.net/7aVXc/

假設當前圖像的高度是400px。

如何在頂部和底部出現白色背景時停止圖像？

Answer 1

例如，添加drag -handler其中true或false相返回到垂直位置：

$("#image").draggable({ 
    ... 
    drag:function(event,ui) { 
     return (ui.offset.top > -235 && ui.offset.top < 15); 
    } 
}); 

另見this example。