Cree sus propios efectos de desplazamiento de página con Roll.js

Puede encontrar docenas de bibliotecas de desplazamiento en toda la web. La mayoría están escritos en JavaScript y tienen sus propios efectos, puede cambiar el estilo para diseños de página única, animaciones en desplazamiento y mucho más.

Pero que pasa codificando sus propios efectos de desplazamiento? ¿O qué pasa si solo desea una forma simple de rastrear qué tan abajo de la página se ha desplazado un usuario?

Roll.js es la biblioteca que estás buscando. Esta el script de código abierto es loco, pequeño y súper fácil de usar. Puede hacer que esto funcione con unas pocas líneas de JavaScript. Y lo mejor de todo es que no te obliga a realizar nada específico, sino más bien te da las herramientas para crear sus propias funciones de desplazamiento personalizadas.

Bibliotecas JavaScript para efectos de desplazamiento geniales

Bibliotecas JavaScript para efectos de desplazamiento geniales

El diseño de un sitio web cobra vida con una animación bien ejecutada. Si está buscando las bibliotecas adecuadas para agregar … Lee mas

rollo de script de una sola página

El objetivo de esta biblioteca es ayudar a los desarrolladores a estructurar sus efectos de desplazamiento sin mucho esfuerzo.

Si echa un vistazo al repositorio principal de GitHub, encontrará una guía de configuración completa con algunos fragmentos de ejemplo. Usted puede ejecutar funciones para llamar hasta qué punto el usuario se desplaza, o a diferentes "paneles" en la página.

Funcionan mejor en diseños de una sola página, pero puede usar Roll.js para mucho.

Con una sola llamada de función, puede extraer datos con cada desplazamiento que incluye:

  • Pasos totales de la página (si corresponde).
  • % Total desplazado hacia abajo de la página.
  • Posición actual en la página en píxeles.
  • Altura total de la vista en función del tamaño del dispositivo.

Esto también funciona con enlaces de salto que llevan a los usuarios hacia abajo (o hacia arriba) a ciertas partes de la página.

Pero también puede encontrar muchas de estas características en otras bibliotecas. ¿Qué hace que Roll.js sea tan especial?

Parte de esto es la sintaxis, pero el gran vendedor aquí es el tamaño total de la biblioteca de 8 KB cuando minified. ¡Eso es bastante pequeño para una biblioteca de desplazamiento tan detallada!

biblioteca de desplazamiento de javascript

Puede ver cómo funciona esto en la página principal de demostración e incluso puede descargue el código fuente de Roll.js para cavar en esas demostraciones usted mismo.

Todo, desde las demostraciones en vivo y los archivos de biblioteca sin formato, se pueden extraer de GitHub y es muy fácil trabajar con ellos.

Pero si tiene alguna pregunta, sugerencia o desea compartir su agradecimiento por la increíble biblioteca, puede enviar un mensaje al creador @williamngan.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *