Adicionando links âncora com rolagem na mesma página
Este é um recurso premium e está disponível na versão 4.0.1+
Links âncora com rolagem na mesma página são links que apontam para um local específico na mesma página. Quando você clica em um link na mesma página, seu navegador rolará até a área indicada.
Você precisa de duas coisas para criar um link âncora na mesma página:
- Uma classe personalizada ou um ID personalizado em um elemento, e
- Um link ou botão que faça referência à classe ou ao ID personalizado
1. Uma classe personalizada ou um ID personalizado em um elemento
Escolha qualquer elemento próximo ao final da sua página e abra suas propriedades. Na área avançada, adicione uma classe personalizada ou ID personalizado chamado ” go_here“
2. Um link ou botão que faça referência à classe ou ID personalizado
Agora crie um link ou adicione um elemento de botão em algum lugar próximo ao topo da sua página. Em vez de adicionar uma URL como link, use ” .go_here” (com o ponto) se tiver adicionado “go_here” como uma classe personalizada; ou use “#go_here” (com a hashtag) se tiver adicionado como um ID personalizado.
Depois de salvar sua página, ao clicar no seu link/botão, ela deverá rolar suavemente até o elemento na parte inferior da sua página.
Você também pode usar isso para direcionar a âncoras nomeadas
Âncoras nomeadas como
<a name="go_here"></a>
também podem ser direcionadas adicionando um link para “#go_here” (com a hashtag)
Outros usos
Você também pode direcionar para quaisquer outras áreas da sua página, mesmo fora da área do editor, desde que as direcione usando seus nomes de classe ou IDs.