我正试图让这个页面转到下一个和上一个部分,鼠标滚轮上有一个滚动条。它适用于下一部分,但未能转到上一部分。它只发生在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();
}
});
});
答案 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{
}