jQuery draggable div가 오버 플로우를 만듭니다. 숨겨진 페이지 스크롤

Question

jQuery의 사이트에서 .draggable() UI로 드래그 가능한 div를 설정했습니다. 내 주요 컨테이너 div는 오버플로 : 숨김으로 창 너비와 높이로 설정되므로 페이지에 스크롤 막대가 나타나지 않습니다. 내 문제는 그 페이지에서 내 draggable 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

하여 드래그 DIV :)를 포함해야합니다. .draggable ({ "scroll": false})에 옵션을 설정하십시오.

Answer 2

당신은 기본값이 컨테이너를 이동하도록 설정되어

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