Как сделать скрипт прокрутки эффективно?

Question

У меня есть элемент div внутри, что у меня есть список элементов (ol). Я использую drag and drop, используя jquery nestable. Пожалуйста, посмотрите здесь (How to scroll the window automatically when mouse moves bottom of the page using jquery).

Я использовал для получения видимого <li> в текущем состоянии, используя view-port (плагин - http://www.appelsiini.net/projects/viewport).

Я использовал приведенный ниже сценарий. Я не мог прокручивать страницу более эффективно и скрипт не работает в FF (прокрутка не работает).

if ($('.dd-dragel').length > 0) { 
    var totalVisibleLi = $('#ol_id li:visible').length; 
    var liInViewPort = $('#ol_id li:in-viewport').length; 
    var closestLi = $(this.placeEl).prev('li'); 
    var items = $('#ol_id li:in-viewport'); 
    var indexOfClosestLi = items.index(closestLi); 

    if (indexOfClosestLi >= (liInViewPort - 3) && (e.pageY < $('#div_id').height())) { 

    $('body').animate({ 
     scrollTop: $(window).scrollTop() + 200 
    }, 1); 
    } 

    if (indexOfClosestLi <= 3) { 
    $('body').animate({ 
     scrollTop: $(window).scrollTop() - 200 
    }, 1); 

    } 
} 

Что мне здесь не хватает?

Answer 1

Отредактировано код. Теперь прокрутка также работает в FF

if ($('.dd-dragel').length > 0) { 
    var totalVisibleLi = $('#ol_id li:visible').length; 
    var liInViewPort = $('#ol_id li:in-viewport').length; 
    var closestLi = $(this.placeEl).prev('li'); 
    var items = $('#ol_id li:in-viewport'); 
    var indexOfClosestLi = items.index(closestLi); 

    if (indexOfClosestLi >= (liInViewPort - 3) && (e.pageY < $('#div_id').height())) { 

    $('html,body').animate({ 
     scrollTop: $(window).scrollTop() + 200 
    }, 400); 
    } 

    if (indexOfClosestLi <= 3) { 
    $('html,body').animate({ 
     scrollTop: $(window).scrollTop() - 200 
    }, 400); 

    } 
}