Editor do Wix Studio: criar elementos e seções sticky
2 min de leitura
Faça com que uma seção ou elemento "grude" na página enquanto os visitantes rolam para cima e para baixo. Quando o elemento ou seção atinge a janela de visualização do visitante, ele gruda na parte superior, na parte inferior ou em ambos. Você pode definir o recuo, que é a distância da parte superior ou inferior.
Neste artigo, saiba mais sobre como:
Aplicar a posição sticky a um elemento ou seção
- Selecione a seção ou elemento relevante.
- Clique na seta Abrir inspetor no canto superior direito do Editor.
- Role para baixo até Posição.
- Selecione Sticky no dropdown Tipo de posição.
- Escolha onde a seção/elemento adere: Parte superior, Parte inferior, ou Parte superior e inferior.
- (Opcional) Insira um valor de recuo para criar espaço acima ou abaixo.
Observação sobre a ordem do DOM:
Por definição, a ordem do DOM da página, incluindo a ordem da seção, é organizada automaticamente. Se você quiser que uma seção "sticky" apareça acima de outras no DOM, clique com o botão direito do mouse na seção, selecione Organizar e Trazer para frente.
Remover a posição sticky
Você pode reverter elementos e seções para a posição padrão quando quiser. Isso significa que eles não "grudam" mais na tela ao chegar à janela de visualização. Eles permanecem em sua posição.
Para remover a posição sticky:
- Selecione a seção ou elemento relevante.
- Clique na seta Abrir inspetor no canto superior direito do Editor.
- Role para baixo até Posição.
- Selecione Padrão no dropdown Tipo de posição.
Esse artigo foi útil?
|