2011-10-24 1 views
0

jquery clickイベントは、マウスホイールの上下をシミュレートできますか?私はいくつかの機能リンクに到達しようとしました:矢印をクリックし、マウスホイールをシミュレートします。下矢印をクリックし、マウスホイールをシミュレートします。jquery clickイベントsimular mousewheelを上下に動かすことができますか?

<a id="up">up</a> 
<a id="down">down</a> 


$('#up').click(){ 
    $('#left').bind('mousewheel',up); //scroll div#left to top 
}); 
$('#down').click(){ 
    $('#left').bind('mousewheel',down); //scroll div#left to bottom 
}); 
+0

シミュレーションを意味しますか? – Tom

答えて

3
$('#up').click(function() { 
    $('div').stop().animate({scrollTop: '-=100'}, 300); 
}); 

$('#down').click(function() { 
    $('div').stop().animate({scrollTop: '+=100'}, 300); 
}); 

これはそれを行うための興味深い方法です。

フィドル:http://jsfiddle.net/C9ze6/

0

.bindがイベントをシミュレートしていません - そのため.triggerおよび/または.triggerHandlerを使用しています。また、プレーンjQueryはマウスホイールイベントをサポートしていないことに注意してください。プラグインが必要です。 http://plugins.jquery.com/plugin-tags/mousewheelを参照してください。しかし、たぶん.scrollで十分です。

関連する問題