Search jQuery

jQuery Forum

Unbind mousewheel event and bind it again

in Using jQuery • 6 years ago

I'm using the jquery-mousewheel.js plugin, and I'd like to decide, if user scrolls down, then the content should fade out, and the user should see the next section. During this event, a class changing, and the event should stop, and only the next scroll down should fire it again (bind/unbind). I think I should use an event handler, but I don't know how to implement it in my code. I've tried the code below but its not working, any advice is appreciated.

$('body').bind('mousewheel', function(event, delta) {
if (delta> 0){
return false;
} else{
hidewithfade();
if ($("#next-screen").hasClass("homelink")){
shownews();
showwithfade();// Hide home, show news
$("#next-screen").removeClass();
$("#next-screen").addClass("newslink");
$( 'body' ).unbind( "mousewheel" );
} else
if ($("#next-screen").hasClass("newslink")){
$( 'body' ).bind( "mousewheel" ); // This should rebind it, but doesn't work
shownews(); // Hide news, show chapters
showwithfade();
$("#next-screen").removeClass();
$("#next-screen").addClass("chapterslink");
}
}
});

Replies(6)

jakecigar

Re: Unbind mousewheel event and bind it again

6 years ago

$( 'body' ).bind( "mousewheel" );

Is a No-op, it binds No function to the mouse wheel activity .

Instead of unbinding, just keep a variable to tell you to ignore the mouse wheel for a while.

JΛ̊KE

CsabaCser..

Re: Re: Unbind mousewheel event and bind it again

6 years ago

Thank you for the answer. But how can I ignore the mousewheel using a variable? I thought , that I needed to use unbind for that.

jakecigar

Re: Unbind mousewheel event and bind it again

6 years ago

var mindingMousewheel = true

set it to false when you don’t want to watch it. And test it before you do anything.

$('body').bind('mousewheel', function(event, delta) {
if (! mindingMousewheel) return;
…

JΛ̊KE

CsabaCser..

Re: Unbind mousewheel event and bind it again

6 years ago

Jake, thank you for your answer! Your solution looks great to me, but I don't know, how to apply it perfectly for mousewheel scrolling. I'v created a fiddle , you can test it. It almost works perfectly, however if you scroll faster, the function doesn't stop, and changes more than one class at a time. Maybe I should use unbind, to stop scrolling during the class change, and then bind again? Or I need to modify the current code? Thank you for your time!

Csaba

jakecigar