マウスのスクロール機能が動作しない

Question

マウスボタンをクリックして保持したときにdivをスクロールさせるためのボタンがあります。私はこれがうまくいくはずだと思ったが、マウスアップイベントまでスクロールするのとは反対に、1回のクリックにつき1つのpxだけスクロールする。

コード：

var howfar = 0; 
    $('#scrolldown').mousedown(function() { 

     howfar ++; 
     $('#scrollbox').scrollTop(howfar); 

    }); 

Answer 1

ような何かを試みることができる、それが発火するという意味ではありませんそのイベントは継続的に、一度だけ発火します。スクロールを増やすことができるものsetIntervalを使用してmousedownイベントトリガーを一度開始し、mouseupイベントの間隔をクリアします。

このようなものを試してみてください。

それはあなたがここで達成しようとしているのは何

var howfar = 0; 
var timer; 
$('#scrolldown').mousedown(function() { 
    var innerHeight = $('#scrollbox').css('height', 'auto').height(); 
    $('#scrollbox').css('height', '100px'); 
    timer = setInterval(function(){ 
     if(howfar < innerHeight){ 
      $('#scrollbox').scrollTop(howfar++); 
     } 
     else{//Clear the interval 
      clearInterval(timer); 
     } 
    }, 10); 
}); 
$('#scrolldown').mouseup(function() { 
    clearInterval(timer); 
}); 

Demo

Answer 2

私は、これはあなたが探しているものだと思う：

var shouldScrool = false 
    takeAction, 
    count = 0; 

takeAction = function() { 
    count = 0; 
    while(takeAction) { 
     count++; 
     $('#scrollbox').scrollTop(count); 
    } 
}; 
$('#scrolldown').mousedown(function() { 
    takeAction = true; 
    takeAction(); 
}); 

$('#scrolldown').mouseup(function() { 
    takeAction = false; 
}); 

Answer 3

あなたが継続的にmousedownを維持this