Javascript, чтобы использовать щелчок мыши для навигации?

Question

У меня есть прокручиваемый тег div (переполнение).Теперь я хотел бы использовать мышь, чтобы щелкать, удерживать и перемещаться для перемещения вверх и вниз (например, как работает функция курсора в Adobe Reader).

Есть ли сценарий js для этого?В частности, я использую jquery, любые плагины jquery для достижения этой цели?

Answer 1

Не знаю ни о каких плагинах, но это не должно быть слишком сложно:

$(function() {
    $('#foo').mousedown(function(e) {
        var start = e.pageY;
        var startPos = $(this).scrollTop();
        var el = $(this);

        $().mousemove(function(e) {
            var offset = start - e.pageY;
            el.scrollTop(startPos + offset);
            return false;
        });

        $().one('mouseup', function(e) {
            $().unbind();
        });

        // Only if you want to prevent text selection
        return false;
    });
});

Рабочий пример можно найти здесь:

http://www.ulmanen.fi/stuff/mousescroll.php