1

Navegación suave con Magellan

veamos como podemos implementar una navegación mas fluida implementando magellan.

Para agregar una navegación avanzada y suave dentro de la pagina vamos a utilizar magellan.

Y digo una navegación suave porque normalmente la navegación no contiene ningun efecto, simplemente hacemos click en un ancla y lleva directamente a la parte dentro del sitio de manera inmediata.
Magellan nos proporciona esa suavidad o ese efecto que le brinda una mejor experiencia de usuario, simula que el usuario esta haciendo scroll hacia la sección donde hizo click.

Y para usar magellan lo que tenemos que hacer es esto:
-Creamos primero una navegación con anclas como siempre.
Luego al ul con la navegación lo ponemos dentro de un nav ,y a ese nav contenedor le ponemos el atributo data-magellan
-y por ultimo en cada sección que deseamos acceder ( o sea cada sección a la cual queremos que nos dirijan los href) le vamos a agregar el atributo data-magellan-target="–" y como valor le agregamos el mismo id que tiene esa sección donde agregamos el atributo, así:
<section id=“tickets-container” data-magellan-target=“tickets-container”>…</section>

Escribe tu comentario
+ 2