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/