拖动可拖动项目时滚动

Question

我正在开发一个拖放插件。

我试图在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/

我真的不知道怎么做，所以我更少了。当可拖动元素到达屏幕可视部分的末尾时，是否有人有更好的滚动方式？