I am creating a application where user can drag images and drop onto a div. But images are large so that the droppable div can be at the bottom of the page. Hence I need a functionality where when user drag an image and try to drag to the bottom of the page to get to the droppable div, page should scroll.

Here is my code for draggable

```
$(".drag-img").draggable({
    cursor: "move",
    scroll: true,
    revert: "invalid" ,
    helper: function(){
        $copy = $(this).clone();
        return $copy;
    },
    appendTo: 'body',
    scroll: false
});

```

Jquery UI has option 'scroll':true, but it won't work with clone() helper. Do you have any suggestions or am I missing something?