Efecto Parallax (Projecto jQuery N°5)

En este proyecto jQuery crearemos un efecto parallax personalizado (sin plugins) utilizando funciones para manipular el desplazamiento vertical de los elementos.
Demo del proyecto: codepen.io/escu...
Visítanos en nuestra página web escuela.digital
Síguenos en Facebook: escuela.digital...
Síguenos en Twitter: escuela.digital...
Únete a la comunidad Escuela Digital en Facebook:
escuela.digital...

[@10crack8]

Ya el primer ejemplo es bastante interesante para darle un aspecto guay a tu página. Estos videos son oro.

[@israelbriongos]

Muchas gracias por el vídeo y el codepen que nos permite seguirlo con mucha más facilidad

[@EnriqueMosqueiraRubio]

Estaré atento al buen material de este canal, un saludo profesor.

[@drakedajamsta]

me sirivió mucho pero sin embargo , podrías usar html no todos sabemos jade

[@salazarr_js]

sii por fiin en codepen yeah

[@ajefersonstiv]

PERFECTO!!

[@pipers0123]

si va ver cursos presenciales yo me apunto!!!!!

[@HEAVYMETAL80tas]

Tratando de hacer este ejercicio solo, luego de haber visto el video, me surgió una duda...
Por qué este código logra que cada que yo mueva el scroll se me escriba en los "p" los valores que toma mi variable cada que cambian los valores tomados de mi scroll:
$(window).on("scroll", parallax);
function parallax(){
var scrollSize=$(window).scrollTop();
var scrollParallax=Number(scrollSize*0.5);
$("p").text(scrollParallax);
}
y si pongo lo mismo pero mediante un parámetro, deja de funcionar y solo me muestra el primer valor que toma mi variable?
$(window).on("scroll", parallax(0.5));
function parallax(medida){
var scrollSize=$(window).scrollTop();
var scrollParallax=Number(scrollSize*medida);
$("p").text(scrollParallax);
}
Te agradezco, (Y)

[@krlitos23]

Explicas genial

[@andycgo1929]

Genial!!! :)

[@diegolopeloyola1528]

MUCHO DOLOR PARA MI CABEZA

[@franciscoromansierra3846]

Cuando añado esta linea de codigo background: rgba(darken(steelblue,20),.8); para obtener el mismo resultado no me funciona que debo hacer?

[@cristianvillagomez4171]

oye alvararo, tengo un problema con el line-height: 100vh; no me lo reconoce, sí uso solo el height para que me de la altura sí me lo reconoce pero si uso el line-height no lo toma en cuenta, que podrá ser?

[@monomatizate]

buen día amigo, en primer lugar gracias por los tutos que haces esto ayuda a mucha gente, por otro lado queria preguntar: estoy haciendo mi portafolio web y queria hacer en una sola pagina, por ejemplo al darle algún botón desaparezca una categoria para aparecer otra, esto puede realizarse? espero me alla sabido explicar :)

[@farrithfarrith456]

cuando llego a la lineas de 1-13 de { jquery } la imagen background se mueve es para los lados no para ariba o para abajo ?¿?¿ porque

[@Nostradamus21b]

Buenísimo el tutorial. Felicitaciones.

[@JulioCanteroperfil]

Genial Alvaro... quedo a la espera de tus cursos...

[@jupiter232169]

De nuevo Alvaro muchas gracias por tus videos. Saludos desde CR

[@moisescastillo3447]

eso no necesita Jquery, con javascript puro es más que suficiente

[@farrithfarrith456]

no trabaja despues de la linea 7 de { JQUERY }

[@domapsicologica]

Bien Avaro lo que es bueno vale la pena para ser invertido; tus vídeos son lo mejor que he visto en español

[@oscarwilches6107]

excellente tutorial, pero tengo una pregunta. Como hago esto para que sea responsive? yo se que es con media queries pero como se haria?

[@im_rabel]

estoy esperando tu plataforma, saludos Hermano