javascript - Scrolltop Prev 和 Next 在 IE 或 FF 中不起作用

Question

我试图让这个页面通过鼠标滚轮滚动到下一个和上一个部分。它可以进入下一节，但无法进入上一节。它只发生在 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();
      }
  });
});

Answer 1

You might want to use this to get 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{

}