jquery - 阻止 div 被拖动到顶部 300px 以上

Question

在不使用包含的情况下阻止 div 被拖动到 300px 顶部上方。

到目前为止，我让它闪烁并返回..或者在下降后返回 300px

我怎样才能以适当的方式限制它？我需要它在拖动时不要拖动超过 300px 顶部，而不是像“包含”我只有上限......其余的是无限的。请帮忙。

小提琴演示

$(function() {
    $( "#draggable" ).draggable({
                 drag: function () {
                     if($(this).offset().top<300)
                          $(this).css("top", 300);
                 },
                 stop: function () {
                     if($(this).offset().top<300)
                          $(this).css("top", 300);
                 },
     });
});

Answer 1

你应该使用包含坐标数组的容器，比如

    $( "#draggable" ).draggable({
  containment: [ 0, 300, 10000, 10000 ]
    });

o 左侧为 0，从顶部 300 像素开始，右侧为 10000 像素（或任何您想要的，也可以使用 9999999 之类的东西），底部相同。

希望能帮助到你！

忘记添加小提琴链接http://jsfiddle.net/3ARx9/9/