Wie kann ich automatisches Scrollen bei Mausradbewegung stoppen?

[Quabbe]

Moin,

ich benutze jQ und jenes Script http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery/ zum automatischen Scrollen zu einem Ankerpunkt.

Wenn ich dabei aber das Mausrad bewege, zuckt die Seite unaufhörlich herum und hört erst wieder auf mein Kommando, wenn die Animation zuende abgespult wurde. Kann ich dem Code irgendwie sagen, dass er das Script bei Mausradbewegung stoppen soll?

    $('a[href*=#]').bind('click',function(event){
        var $anchor = $(this);
 
        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
        }, 1500,'easeInOutExpo');
 
        event.preventDefault();
    });
});

 

[Tr3icio]

AW: Wie kann ich automatisches Scrollen bei Mausradbewegung stoppen?

Dumme Antwort: Ja
Schlauere Antwort: Ja, mit dem DOMMouseScroll Event.
Alles dazu hier:
(Tipp: MDN bietet eigentlich Informationen zu allen JS Klassen und Methoden und alles anderes gibt es dann beim MSDN ;-))

Ein Beispiel:

jQuery("html, body").on("DOMMouseScroll", function()
{
    jQuery(this).stop();
});

Um es auch für ältere Opera und IE Versionen tauglich zu machen könnte man es so machen:

function stopScroll ()
{
    jQuery(this).stop();
};

jQuery("html, body").on("DOMMouseScroll", stopScroll);
window.onmousewheel = stopScroll;

 

[Quabbe]

AW: Wie kann ich automatisches Scrollen bei Mausradbewegung stoppen?

Super, vielen dank! Ich blick zwar noch nicht wirklich durch, werd mich aber denke ich irgendwie durchwurschteln können.