es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


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; puedes cambiar de estilo para diseños de una sola página, animaciones con desplazamiento y mucho más.

Pero, ¿qué hay de codificar tus propios efectos de desplazamiento ? ¿O qué pasa si solo desea una forma simple de rastrear qué tan abajo en la página se desplazó un usuario?

Roll.js es la biblioteca que estás buscando. Este script de código abierto es muy pequeño y muy 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 que te brinda las herramientas para crear tus propias funciones de desplazamiento personalizadas.

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

Si echas un vistazo al repositorio principal de GitHub, encontrarás una guía de configuración completa con algunos ejemplos de fragmentos. Puede ejecutar funciones para llamar a lo lejos que 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 por tanto.

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 página.
  • Posición actual en la página en píxeles.
  • Altura total de la ventana gráfica basada en el 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 puedes 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 se minimiza. ¡Eso es bastante pequeño para una biblioteca de desplazamiento tan detallada!

Puedes ver cómo funciona esto en la página de demostración principal e incluso puedes descargar el código fuente de Roll.js para profundizar en esas demostraciones .

Todo, desde las demostraciones en vivo y los archivos de la biblioteca en bruto, se pueden extraer de GitHub y son muy fáciles de usar.

Pero si tiene alguna pregunta, sugerencia o quiere compartir su agradecimiento por la impresionante biblioteca, puede enviar un mensaje al creador @williamngan.

Cómo lidiar con las invitaciones al juego de Facebook (El camino correcto)

Cómo lidiar con las invitaciones al juego de Facebook (El camino correcto)

Necesitamos hablar sobre los juegos de Facebook . Creo que si estás en Facebook, perteneces al equipo que juega o al equipo que no juega. El primero básicamente se conecta con Facebook en busca de favores de amigos, mientras que el segundo ejecuta la grabación "Por favor no me invites más" en el bucle.La

(Consejos de tecnología y diseño)

La guía definitiva de las pseudo-clases de CSS

La guía definitiva de las pseudo-clases de CSS

Si usted es un principiante o un experimentado desarrollador de CSS, probablemente haya oído hablar de pseudo-clases . La pseudo-clase más conocida es probablemente :hover, que nos permite aplicarle un estilo a un elemento cuando está en estado de desplazamiento, es decir, cuando un dispositivo puntero, como un mouse, apunta hacia él.Sig

(Consejos de tecnología y diseño)