JQuery перетаскиваемый div делает переполнение: скрытая прокрутка страницы

Question

Я установил перетаскиваемый div с пользовательским интерфейсом .draggable () с сайта jQuery.У моего основного контейнера 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 });