jQuery draggable div делает переполнение: скрытая прокрутка страницы

Question

Я настраиваю divgable div с .draggable() UI с сайта jQuery. Мой главный контейнер контейнера устанавливается как ширина и высота окна с переполнением: скрытый, поэтому на странице никогда не будет полосы прокрутки. Моя проблема в том, что когда я начинаю перетаскивать свой перетаскиваемый 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 });