Я пытаюсь сделать прокрутку моей страницы, когда вы наводите курсор на элемент div. Это то, что я получил до сих пор

$(document).ready(function() {
    $("#hoverscroll").mouseover(function() {
        var div = $('body');
        setInterval(function(){
            var pos = div.scrollTop();
            div.scrollTop(pos + 1);
        }, 100)  
    });
});

http://jsfiddle.net/3yJVF/

Однако осталось сделать две вещи. Мне нужно, чтобы увеличить скорость каждый раз, когда вы нажимаете, останавливаться, когда выВы больше не зависаете и не восстанавливаете скорость до значения по умолчанию.

Я пытаюсь достичь чего-то вроде этого:

$(document).ready(function() {
    $("#hoverscroll").mouseover(function() {
        var div = $('body');

        setInterval(function(){
            var count = 1;
            var pos = div.scrollTop();
            div.scrollTop(pos + count);
        }, 100)  
    });

    $("#hoverscroll").click(function() {
        if (count < 6) {
            count = count+1;
        }
    });

    $("#hoverscroll").mouseleave(function() {
        count = 0; 
    });
});

Я искал и обнаружил, что некоторые люди говорят о связывающем событии и устанавливают глобальную переменную, чтобы проверить, 'с прокруткой. Но сработает ли вышеуказанная функция? Я до сих пор учусь. Я могу быть совершенно не прав.