Diferentes velocidades de scroll

[rapuig]

Hola, estoy intentando crear un efecto tipo parallax donde dos divs continuos se muevan a diferentes velocidades al hacer scroll así de esta manera el segundo pareciera que pasara por arriba del primero al hacer scroll. El problema: cuando el scroll llega al final de la pagina, todo el contenido tiembla creando un efecto feo, yo supongo que es porque el margin-top se esta calculando todo el tiempo y asignándose. ¿Qué piensan? ¿Alguna solución para quitar ese efecto? Muchas gracias. Esto es lo que tengo y funciona.

Código Javascript:

$(function(){
                $(window).scroll(function(){
                        $('.box').each(function(){
                            $(this).css('margin-top', - $(window).scrollTop() / parseInt($(this).attr('scrollSpeed')));
                        });
                });
            })
 

Código HTML:

<div class="box" scrollSpeed="0.1"></div>
<div class="box" scrollSpeed="1"></div>
 

Código CSS:

.box{
position: relative;
}