单击按钮时向上/向下滚动

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

Answer 2

您可以使用mousedown event来轻松实现此目的 以下面的方式将“点击”处理程序更改为“mousedown”

$('#scrollup').on("mousedown",function() {