Ein von mir entwickeltes Plugin für einfaches Parallax Scrolling. Der Funktionsumfang ist auf ein paar Möglichkeiten beschränkt. Das Hauptaugenmerk lag in der Einfachheit.
Die Scroll Koordinaten werden durch die requestAnimationFrame() methode ermittelt. Dabei wird kein onscroll Event verwendet!
Für die bewegung der Elemente sorgt das CSS.
Ältere Browser(z.B IE8 und älter) funktionieren nicht.Bei mobilen Geräten wird das Parallax Scrollen deaktiviert.
HTML
<!-- es gibt zwei data attribute die man übergeben kann offset und dir. Das erste bestimmt die "Geschwindigkeit" das zweite für die Richtung. --> <div class="px" data-offset="5" data-dir="up"></div> <div class="px" data-offset="10"></div>
Javascript
//paar worte dazu
//man selektiert ein Dom Element bei dem auch die data attribute zu finden sind.
//man kann der parallax methode auch ein Objekt übergeben. Wenn man keine data attribute verwendet.
//das scrollEl Element ist das Scroll Element, standard ist es das window.
$('.px').parallax({
offset: 10,
dir: 'up',
scrollEl: $('.wrapper')
});