在div上使用鼠标滚动触发动画？

<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>

我想做类似上面的例子。有人能帮我吗？在div上使用鼠标滚动触发动画？

来源

2012-02-04 Alex G.

var tempScrollTop, currentScrollTop = 0; $('#div').scroll(function() { currentScrollTop = $('#div').scrollTop(); if (tempScrollTop < currentScrollTop) { // UP } else if (tempScrollTop > currentScrollTop) { // DOWN } tempScrollTop = currentScrollTop; }

从评论摘自“类似于”为什么你的问题实际上没有提出具体的问题？ – 2012-02-08 14:03:55

您可以使用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'}); 
});

来源

2012-02-04 23:19:43 ori

谢谢，完美的作品！ – 2012-02-05 08:24:12

您可以检测上下本地scroll() jQuery的功能，像这样滚动：在http://api.jquery.com/scroll/

来源

2012-02-04 23:30:42 elclanrs

在div上使用鼠标滚动触发动画？

回答

相关问题