Ver Mensaje Individual
  #3 (permalink)  
Antiguo 12/09/2014, 11:51
Avatar de eduardobrutaldeath
eduardobrutaldeath
 
Fecha de Ingreso: agosto-2013
Ubicación: América
Mensajes: 306
Antigüedad: 11 años, 3 meses
Puntos: 3
Respuesta: Iniciar funciones según la posición del SCROLL

Cita:
Iniciado por Alexis88 Ver Mensaje
Básicamente tendrías que trabajar con el evento scroll e ir tomando la cantidad de píxeles desplazados verticalmente con la propiedad scrollY.

Un ejemplo de esto cuando, por ejemplo, se desplaza unos 150 a más píxeles:

Código Javascript:
Ver original
  1. window.addEventListener("scroll", function(){
  2.     if (this.scrollY >= 150){
  3.         console.log("Te has desplazado 150 píxeles o más desde la parte superior del documento");
  4.     }
  5. }, false);

Acá puedes ver un ejemplo que di en otro tema en el que se requería que un vídeo se reproduzca solo cuando sea visible al bajar con la barra vertical.

Y aquí puedes ver otro que hice en el que un conjunto de elementos <div> se desplazan de izquierda a derecha cuando son visibles luego de desplazarse hasta sus respectivas posiciones con la barra vertical.

Como verás, todo está en trabajar con la propiedad scrollY para saber cuánto nos hemos desplazado verticalmente y así realizar determinadas acciones.

Saludos
Gracias.

Toda mi página está hecha con porcentajes, de alto y ancho

¿Puede funcionar con porcentajes el Scroll en lugar de pixeles?