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 });