jQuery Parallax Image nicht glatt beim Scrollen mit Mausrad

Question

Ich habe eine Website mit einem Headerbild, mit dem ich versuche, den Parallax-Effekt zu verwenden.

ich folgende JS bin mit, dies zu erreichen:

$(window).scroll(function() { 
     var scrolledY = $(window).scrollTop(); 
     $('#container').css('background-position', 'left ' + ((scrolledY)) + 'px'); 
}); 

ich ein Beispiel aus dieser Geige verwendet: http://jsfiddle.net/QN9cH/1/

Dies funktioniert gut, wenn die Seite nach unten scrollen durch Klicken und Ziehen mit der Scrollbar Wenn ich jedoch mit meinem Mausrad blättrele, springt das Bild viel herum und es ist überhaupt nicht glatt.

Ich habe viel recherchiert und haben Lösungen wie das hier versucht: Javascript - Smooth parallax scrolling with mouse wheel

Allerdings bin ich diese Arbeit mit meiner Implementierung bekommen nicht in der Lage. Ich habe verschiedene jquery-Bibliotheken ausprobiert, um reibungsloses Scrollen zu ermöglichen.

Gibt es eine Möglichkeit, Scrolling mit dem Mausrad so zu machen, als würde ich manuell scrollen, indem ich die Bildlaufleiste klicke und ziehe?

Answer 1

Dies ist keine Antwort (noch), aber ich habe festgestellt, dass eine große Anzahl von Windows-Maschinen mit Scroll-Rädern kommen, die "klicken", Zeile für Zeile, auf der Seite.

Ich bin mir nicht sicher, ob dies das Problem ist, aber alle diese schönen Parallax-Effekte, die wirklich gut mit teuren Mäusen und diesen super-glatten Apple Trackpads und Mäusen funktionieren, aber dann plötzlich schaudern und schrecklich auf Lager aussehen Windows Mäuse.