Question

Can jquery click event simulate mousewheel up and down? I tried to reach some function link: click up arrow, simulate mousewheel up. click down arrow, simulate mousewheel down.

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

This is an interesting way of doing it.

Fiddle: http://jsfiddle.net/C9ze6/