jQuery可拖動div使溢出：隱藏頁面滾動

Question

我設置了一個可拖動div與jQuery網站的.draggable（）用戶界面。我的主容器div被設置爲帶溢出的窗口的寬度和高度：隱藏，所以頁面上永遠不會有滾動條。我的問題是，當我開始拖動我的可拖動div離開頁面時，它使我的頁面滾動（我不想）。這裏是我的代碼：

html, body{ 
    margin:0 auto; 
    overflow:hidden; 
    } 

#container #date-box{ 
position:absolute; 
cursor:pointer; 
background:url(/img/EWI/login/date-box.png) no-repeat; 
width:247px; 
height:21px; 
z-index:9999; 
margin:40px 0 0 15px; 
} 

    $("div#container div#date-box").draggable(); 

請幫助!!!!

Answer 1

http://jqueryui.com/demos/draggable/#option-scroll

默認值設置爲滾動你的容器。在.draggable中設置選項（{「scroll」：false}）;

Answer 2

就含有你所需的可拖動DIV :)

$("div#container div#date-box").draggable({ containment: '#containmentDivId', scroll: false });