Image décalée dans fonction parallax

Fermé
pixelrulez Messages postés 7 Date d'inscription jeudi 7 mars 2013 Statut Membre Dernière intervention 7 novembre 2014 - 7 nov. 2014 à 22:25
Bonjour,

j'utilise la fonction parallax suivante :


$(document).ready(function(){
// Cache the Window object
$window = $(window);

$('section[data-type="backgroundToScroll"]').each(function(){
var $self = $(this); // assigning the object

$(window).scroll(function() {

// Scroll the background at var speed
// the yPos is a negative value because we're scrolling it UP!
var yPos = -($window.scrollTop() / $self.data('speed'));

// Put together our final background position
var coords = '50% '+ yPos + 'px';

// Move background
$self.css({
backgroundPosition: coords
});
});

});


J'arrive avec cela à avoir mes images de fond qui défilent moins vite que les reste de mon contenu ce qui donne un effet sympa, cependant les images se décalent au fur et à mesure du scroll. Je ne suis pas très familier avec le javascript mais il me semble que la fonction calcul la position de mon image en fonction du scroll prenant en compte une vitesse prédéfinie.
Serait-il alors possible de modifier le positionnement de l'image pour qu'à la fin du scroll elle soit parfaitement centrée ?

pour exemple voici une partie de mon site où la fonction est intégré (juste une maquette).

http://www.chtiserv.fr/fonkiworld/

Merci de vos réponses