Mi pregunta va relacionado con superscrollorama, ¿cómo puedo activar una animación cuando se está en un punto concreto sin que este sea los píxeles del heigth?, ya que la página al ser responsive dependiendo del tamaño del navegador este valor será distinto, necesito otro método o forma de indicarle en que punto debe comenzar la animación. Gracias.
entre Desarrolladores
Recibe ayuda de expertos
Registrate y pregunta
Es gratis y fácil
Recibe respuestas
Respuestas, votos y comentarios
Vota y selecciona respuestas
Recibe puntos, vota y da la solución
Pregunta
1 Respuesta
Lo que uso es una librería de Jquery que se llama http://scrollmagic.io/. La he usado para crear puntos de inicio de animaciones a partir de que un indicador pase por un start(triggerElement) (sea el star la apertura de una etiqueta).
$(document).ready(function(){
var controller = new ScrollMagic.Controller();
var scene = new ScrollMagic.Scene({
triggerElement: "#productos"
})
.setClassToggle("#productos > aside","efecto")
.addIndicators({name: "1"})
.addTo(controller)
.triggerHook(1);
});
En este caso hago uso de setClassToggle, su función es que un indicador al pasar por el star( triggerElement etiqueta html con id productos) añadirá temporalmente una clase (efecto) que estará definida en el css que tengamos enlazado en nuestro html. En css se hará referencia a dicha clase al igual que cualquier otra y se le añadirá las propiedades css que queramos que afecten a la parte la cual hemos indicado como primer parámetro dentro del setClassToggle. TiggerHook sirve para poner la posición inicial del indicador, siendo sus valores entre 0 y 1. Indicators es un plugin que nos mostrará los indicadores y los distintos puntos, ayuda bastante para perfilar el comienzo y final de la animación, después eliminando la línea desaparecerán pero la animación seguirá produciéndose. Para saber más consultar la documentación oficial de la librería, ya que mis conocimientos sobre esto son un poco vagos y hay un mundo de posibilidades sobre la librería.
Por favor, accede o regístrate para añadir un comentario.
Por favor, accede o regístrate para responder a esta pregunta.
En el blog
-
- 407095
- 1
- Jul 5, 2015
Sin Respuesta
-
- 158
- 0
- Mar 19
-
- 75
- 1
- Feb 26
-
- 188
- 0
- Ene 30
-
- 1024
- 0
- Nov 7, 2023
-
- 289
- 0
- Sep 19, 2023
-
- 301
- 0
- Ago 21, 2023
-
- 382
- 0
- May 14, 2023
-
- 352
- 0
- Abr 21, 2023
- ver todas
Actividad Reciente
Santiago2610 comentó Mar 23
Acualizar ChoiceField en djangoSantiago2610 preguntó Mar 19
Acualizar ChoiceField en djangogonzalss preguntó Feb 26
Script /boot/ scrapingParkJo preguntó Ene 30
No me deja instalar Oracleelporfirio respondió Ene 10
Actualizar la imagen con los datos devuelto en un …ovedg preguntó Dic 31, 2023
Actualizar la imagen con los datos devuelto en un …Ehdez preguntó Nov 7, 2023
Necesito en wordpress un pluging que me calcule la…pedrourday preguntó Sep 19, 2023
Alternativas a ThreeJS y BabylonJS?pedrourday preguntó Ago 21, 2023
¿Que tecnologias y lenguajes me recomiendan?Fabio respondió Jul 11, 2023
plugin de efecto circular 3d en imagenes
Ultimas Preguntas
Usuarios Top
- Leonardo-Tadei
- 227320 Puntos
- Peter
- 150460 Puntos
- white
- 75880 Puntos
- carlossevi
- 63580 Puntos
- magarzon
- 30650 Puntos
- pregunton
- 20400 Puntos