Прокрутка при перетаскивании перетаскиваемого элемента

Question

Я сейчас разрабатываю плагин drag n 'drop.

Я пытаюсь создать функцию' прокрутки ', как в jquery draggable.

Я сейчас пытаюсь:

$('.drag').bind('drag', function(event) {
    var $t = $(this);
    var offT = $t.offset().top;
    var offL = $t.offset().left;
    var doch = $(document).height() - screen.height;
    $('b').html(offT + '<' + (screen.height - $t.height() * 2 - $t.height() / 2));
    if (offT < screen.height - $t.height() * 2 - $t.height() / 2) {
        $(this).css({
            top: event.offsetY,
            left: event.offsetX
        });
        $('body').scrollTop(event.offsetY - offT - screen.height + 1000);
    }
    else if (offT > screen.height - $t.height() * 2 - $t.height() / 2) {
        $(this).css({
            top: event.offsetY,
            left: event.offsetX
        });
        $('body').scrollTop(event.offsetY - offT + screen.height + 1000);
    }
    else {

        $(this).css({
            top: event.offsetY,
            left: event.offsetX
        });

    }
});

Надеюсь, это не смущает.Ну, вы можете видеть, что это не очень хорошо работает: http://jsfiddle.net/vJvEV/34/show/

Я действительно не знал, как это сделать, поэтому я меньше знал.Есть ли у кого-нибудь лучший способ прокрутки, когда перетаскиваемый элемент доходит до конца видимой части экрана?