我正在使用jquery-mousewheel.js插件,我想决定,如果用户向下滚动,那么内容应该淡出,用户应该看到下一部分。 在此事件期间,类会更改,并且事件应该停止,并且只有下一次向下滚动才能再次触发它(绑定/取消绑定)。我已经尝试了下面的代码,但它不起作用,任何建议都表示赞赏。
$('body').bind('mousewheel', function(event, delta) {
if (delta> 0){
return false;
} else{
if ($("#next-screen").hasClass("home")){
// Hide home, show news
$("#next-screen").removeClass();
$("#next-screen").addClass("news");
$( 'body' ).unbind( "mousewheel" );
} else
if ($("#next-screen").hasClass("news")){
//Here should bind again
//Hide news, show about
$("#next-screen").removeClass();
$("#next-screen").addClass("about");
}
//etc.
}
});