Scrolltop Prev和Next无法在IE或FF中运行

时间:2013-10-11 15:49:43

标签: javascript jquery html5

我正试图让这个页面转到下一个和上一个部分,鼠标滚轮上有一个滚动条。它适用于下一部分,但未能转到上一部分。它只发生在IE 9/10和FF中。适用于chrome,IE8,Opera和Safari。请帮忙!

我的代码如下:

  $(function () {       
    $('section').bind('mousewheel', function (e) {
      if (e.originalEvent.wheelDelta / 120 > 0) {
        $('body, html')
          .stop()
          .animate({scrollTop: $(this).prev().offset().top}, 800, 'easeInOutExpo');
        e.preventDefault();
      } else {
       $('body, html')
         .stop()
         .animate({scrollTop: $(this).next().offset().top}, 800, 'easeInOutExpo');
       e.preventDefault();
      }
  });
});

1 个答案:

答案 0 :(得分:0)

您可能希望使用此功能获取delta

// cross-browser wheel delta
e = window.event || e;
var delta = Math.max(-1, Math.min(1,(e.wheelDelta || -e.detail)));

//scrolling down?
if (delta < 0) {

}
//scrolling up
else{

}