jQuery draggable div fait déborder: page cachée scroll

Question

Je configure un div draggable avec l'interface .draggable() du site de jQuery. Mon div conteneur principal est configuré pour être la largeur et la hauteur de la fenêtre avec overflow: caché donc il n'y aura jamais une barre de défilement sur la page. Mon problème est que lorsque je commence à faire glisser mon div draggable de la page, il fait défiler ma page (ce que je ne veux pas). Voici mon code:

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

S'il vous plaît aider !!!!

Answer 1

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

La valeur par défaut est définie pour faire défiler votre conteneur. définir l'option dans .draggable ({"scroll": false});

Answer 2

vous devez contenir votre draggable div :)

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