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

Javascript使用鼠标点击保持导航？

1 个答案: