Cómo añadir enlaces de anclaje con desplazamiento en la misma página

Escrito por

en

,

Añadir enlaces de anclaje con desplazamiento en la misma página

Esta es una función premium y está disponible en la versión 4.0.1+

Los enlaces de anclaje con desplazamiento en la misma página son enlaces que apuntan a una ubicación específica en la misma página. Al hacer clic en un enlace a la misma página, su navegador se desplazará hacia el área indicada.

Necesita dos cosas para crear un enlace de anclaje en la misma página:

  1. Una clase personalizada o un ID personalizado en un elemento, y
  2. Un enlace o botón que haga referencia a la clase o ID personalizado

1. Una clase personalizada o un ID personalizado en un elemento

Elija cualquier elemento cerca de la parte inferior de su página y abra sus propiedades. En el área avanzada, añada una clase personalizada o un ID personalizado llamado » go_here«

2. Un enlace o botón que haga referencia a la clase o ID personalizado

Ahora cree un enlace o añada un elemento de botón cerca de la parte superior de su página. En lugar de añadir una URL como enlace, utilice » .go_here» (con el punto) si añadió «go_here» como clase personalizada; o utilice «#go_here» (con la almohadilla) si lo añadió como ID personalizado.

Después de guardar su página, al hacer clic en su enlace/botón, ahora debería desplazarse suavemente hacia el elemento en la parte inferior de su página.

También puede usar esto para apuntar a anclajes con nombre

Los anclajes con nombre como

<a name="go_here"></a>

también se pueden seleccionar añadiendo un enlace a «#go_here» (con la almohadilla)

Otros usos

También puede apuntar a cualquier otra área de su página, incluso fuera del área del editor, siempre que las seleccione utilizando sus nombres de clase o IDs.