阻止div被拖拽到頂部300px

Question

阻止div被拖拽到30000頂部而不使用包含。

到目前爲止，我做到了閃爍和取回..或只是回到300像素下降後

我怎樣才能限制它在一個正確的方法是什麼？ 我需要它不要拖動超過300px頂部而拖動， 而不是像「包含」我只得到最高限額...其餘是無限的。請幫忙。

Fiddle demo

$(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 ] 
    }); 

·其左側是0，開始在上面從300像素，10000個像素（或任何你想要的東西，如9999999也可以）右側和底部相同。

希望它有幫助！

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