Un sencillo mini-tutorial para crear un efecto parallax a pelo con jQuery, sin utilizar plugins.

Primero crearemos una clase css (en este caso “parallax”) para los elementos que queremos crear el efecto, junto con un atributo data que he llamado “movimiento” para poder personalizar la velocidad de cada uno, por si tenemos varios en la misma página.

Y por último el código jQuery, donde utilizamos el método scroll() para controlar el desplazamiento vertical y poder asignar la nueva posición vertical en % por css:

Con este código ya podéis personalizarlo a vuestro gusto en estilo y velocidad de movimiento vertical.