drag and drop no me baja el scroll del navegador

[ceaped]

Esta div es la que contiene las imágenes que deseo arrastrar hacia abajo pero no se mueve el scroll vertical:

Código HTML:

<div id="piezas">    
<div id="dropContent">
<div class="dragableBox" id="box1"><img src="images/pieza_1.png" alt="nombre"></div>
<div class="dragableBox" id="box2"><img src="images/pieza_2.png" alt="nombre"></div>
<div class="dragableBox" id="box3"><img src="images/pieza_3.png" alt="nombre"></div>
</div>
</div>
 

Y con estre script me debería permitir bajar pero no:

Código Javascript:

<script>
$('.dragableBox').draggable({
    helper: "clone"
});
</script>
 

Acá hay un ejemplo de lo que busco:

Ejemplo

Gracias por su ayuda