Efeito parallax suave

[rikaschmitt 54]

Bom dia galera.

Criei um efeito simples de parallax em um fundo, mas gostaria de "suavizar" ele. Ou seja, quando a pessoa dá o scroll do mouse, o fundo desloca com uma velocidade diferente e após dar o scroll, o fundo continua a deslizar por mais alguns segundos até parar.. meio que "suavizando" o deslocamento.

 

Como posso criar isso?

Tentei usar um while, mas não está funcionando.

 

 

Código jQuery:

var notebooks = $('.parallax-notebooks'),
altura_final_notebooks = 90;


notebooks.css({ 'background-position': '50% '+altura_final_notebooks+'%' });


$(window).scroll(function(){
var margin_final_notebooks = altura_final_notebooks - ($(window).scrollTop() / 10);
if (margin_final_notebooks > altura_final_notebooks) { var margin_final_notebooks = altura_final_notebooks; }


var pos = 1;
while(pos < 5) {
margin_final_notebooks += pos;
notebooks.css({ 'background-position': '50% '+margin_final_notebooks+'%' });
pos++;
}
});

Era para o while ir acrescendo valor ao position até fechar 5, mas não está acontecendo isso.

[Maykel-ctba 233]

jQuery Easing talvez resolva ;-)

[rikaschmitt 54]

jQuery Easing talvez resolva ;-)

 

Hm...

Mas tem como por easing no que estou fazendo? Pois estou mexendo no background-position.