Question

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

Answer 1

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

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

这是一种有趣的方式。

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

Answer 2

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

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

2 个答案: