可以jquery上下点击事件模拟鼠标滚轮吗?

时间:2011-10-24 21:20:55

标签: jquery click mousewheel

jquery点击事件可以上下模拟鼠标滚轮吗?我试图达到一些功能链接:点击向上箭头,模拟鼠标滚轮。单击向下箭头,模拟鼠标滚轮。

<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
});

2 个答案:

答案 0 :(得分:3)

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

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

这是一种有趣的方式。

小提琴:http://jsfiddle.net/C9ze6/

答案 1 :(得分:0)

.bind无法模拟事件 - 请使用.trigger和/或.triggerHandler。另外,请注意普通的jQuery不支持mousewheel事件 - 你需要一个插件。见http://plugins.jquery.com/plugin-tags/mousewheel。但也许.scroll对您来说足够好。