アニメーションをトリガーするにはdivでマウススクロールを使用しますか？

Question

<div class="page"> 
     div content 
</div> 

<script> 

if(scroll mouse up while hovering #page) 
$('.page').animate({'left':'+40px'}); 

if(scroll mouse down while hovering #page) 
$('.page').animate({'left':'-40px'}); 

</script> 

私は上記の例のようにしたいと思います。誰か助けてくれますか？

Answer 1

あなたはthis mousewheel pluginを使用して、することができます

$('.page').mousewheel(function(event, delta) { 
    event.preventDefault(); // if you want to prevent the window from scrolling 

    $(this).animate({left: (delta>0 ? '+' : '-')+'40px'}); 
}); 

Answer 2

あなたがアップに検出することができますので、のようなネイティブscroll() jQueryの機能をスクロールダウン：http://api.jquery.com/scroll/