Add scrolling when dragging files

This commit is contained in:
Erik Pellikka 2016-02-22 17:59:46 +02:00 committed by Morris Jobke
parent e383a9506d
commit e03a09d189
No known key found for this signature in database
GPG Key ID: 9CE5ED29E7FCD38A
1 changed files with 19 additions and 0 deletions

View File

@ -385,6 +385,7 @@ var dragOptions={
cursorAt: { left: 24, top: 18 },
helper: createDragShadow,
cursor: 'move',
start: function(event, ui){
var $selectedFiles = $('td.filename input:checkbox:checked');
if (!$selectedFiles.length) {
@ -398,6 +399,24 @@ var dragOptions={
$selectedFiles = $(this);
}
$selectedFiles.closest('tr').fadeTo(250, 1).removeClass('dragging');
},
drag: function(event, ui) {
var currentScrollTop = $("#app-content").scrollTop();
var bottom = $(window).innerHeight() - 300;
var top = $(window).scrollTop() + 300;
if (event.pageY < top){
$('html, body').animate({
scrollTop: $("#app-content").scrollTop(currentScrollTop-=10)
},800);
}
if (event.pageY > bottom)
{
$('html, body').animate({
scrollTop: $("#app-content").scrollTop(currentScrollTop+=10)
},800);
}
}
};
// sane browsers support using the distance option