javascript - 按住按钮时向上/向下滚动

Question

请检查，我希望内容应该向上/向下滚动，文本被点击时的事件 http://liveweave.com/0m3zQQ

(function () {
    var scrolled = 10;
    $('#scrollup').click(function() {
    $(".sidebar-menu").animate({
    scrollTop:  $(".sidebar-menu").scrollTop() - scrolled
    });
  });


    $('#scrolldown').click(function() {
    $(".sidebar-menu").animate({
    scrollTop:  $(".sidebar-menu").scrollTop() + scrolled
    });
  });

})();

Answer 1

您可以结合使用 mousedown 和 mouseup 事件:

$('#scrollup').on({
    'mousedown touchstart': function () {
        $(".sidebar-menu").animate({scrollTop: 0}, 2000);
    },
    'mouseup touchend': function () {
        $(".sidebar-menu").stop(true);
    }
});

$('#scrolldown').on({
    'mousedown touchstart': function () {
        $(".sidebar-menu").animate({
            scrollTop: $(".sidebar-menu")[0].scrollHeight
        }, 2000);
    },
    'mouseup touchend': function () {
        $(".sidebar-menu").stop(true);
    }
});

还添加了触摸事件。

演示:http://liveweave.com/j73xMq