Categorías: Diseño Web Javascript Recursos

ScrollReveal para revelar elementos cuando sean visibles en el Viewport

ScrollReveal es un interesante y muy útil plugin JavaScript que te permite revelar elementos cuando sean visibles en el Viewport, es decir que siempre estén ocultos hasta el momento en que este sea visible en la ventana del navegador haciendo un seguimiento del evento Scroll y la posición del mismo, ScrollReveal te permitirá revelar los elementos ocultos cuando estos sean visibles, este plugin JavaScript no tiene ninguna dependencia con otros frameworks lo que te permitirá integrarlo en tu sitio web sin necesidad de modificar código evitando conflictos entre frameworks, un problema muy común cuando integramos un plugin JavaScript que depende de un framework diferente al que estamos utilizando en nuestro proyecto.

ScrollReveal es un proyecto creado por el diseñador y desarrollador web Julian Lloyd de los Estados Unidos, es un proyecto de tipo Open Source que puedes utilizar en tu proyecto o sitio web sin problemas de licencias, su integración es muy sencilla, basta con incluir el archivo JS y agregar un atributo que identifique a los elementos ocultos que desees aparezcan en pantalla conforme se haga un scroll.

Algo muy interesante de este plugin es el efecto general de los elementos pues estos se muestran solo cuando son visibles en el viewport y se ocultan automáticamente cuando quedan fuera del área del viewport, ofreciendo un efecto interminable y dinámico a todo el sitio.

Enlace para descargar en GitHub | Ejemplo: ScrollReveal

Corre la voz con tus amigos/contactos:
Compartir

Entradas recientes

  • Desarrollo

UIverse: Encuentra más de 3,000 elementos UI CSS gratuitos

UIverse es un proyecto Open-Source en donde diseñadores y desarrolladores web pueden encontrar más de…

11 meses hace
  • Inteligencia Artificial

La inteligencia artificial en la educación: retos y oportunidades

Foto de Element5 Digital en Unsplash La inteligencia artificial (IA) está revolucionando el mundo, y…

11 meses hace
  • Tecnología

12 Formas creativas de utilizar ChatGPT para mejorar la productividad en la oficina

La inteligencia artificial ha revolucionado la forma en que trabajamos, y ChatGPT, basado en la…

11 meses hace

Esta web usa cookies.