如果当前移动超过图片高度大小，如何停止jQuery ui draggable？

Question

这是一个示例http://jsfiddle.net/7aVXc/

让我们说当前图片高度为400px。

当白色背景出现在顶部和底部时，如何停止图像？

Answer 1

E.g。添加一个drag - 处理程序，相对于垂直位置返回true或false：

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

另见this example。