在jQuery中禁用正常的滚轮功能?

时间:2012-04-06 19:23:36

标签: jquery

使用鼠标滚轮插件,我有:

$('html, body').bind("mousewheel", function(objEvent, intDelta){
if (intDelta > 0 && $currentPage != 1){
    $currentPage--;
    $('html, body').animate({scrollTop:$("#page"+$currentPage).offset().top}, 2000);
}
else if (intDelta < 0 && $currentPage != 4){
    $currentPage++;
    $('html, body').animate({scrollTop:$("#page"+$currentPage).offset().top}, 2000);
}
});

哪种方法很好,但每当我滚动时,它会在动画之前先向上或向下滚动页面。有没有办法禁用它?谢谢!

1 个答案:

答案 0 :(得分:3)

只需添加一个

return false;

在最后一次大括号之前。

$('html, body').bind("mousewheel", function(objEvent, intDelta){
if (intDelta > 0 && $currentPage != 1){
    $currentPage--;
    $('html, body').animate({scrollTop:$("#page"+$currentPage).offset().top}, 2000);
}
else if (intDelta < 0 && $currentPage != 4){
    $currentPage++;
    $('html, body').animate({scrollTop:$("#page"+$currentPage).offset().top}, 2000);
}
return false;
});
顺便说一句,你应该使用.on()而不是.bind()