Editor do Wix Studio: adicionar efeitos de rolagem no cabeçalho
6分
Altere a aparência do cabeçalho durante a rolagem ao adicionar efeitos de transição. Faça com que o cabeçalho desapareça ou se mova para fora do caminho enquanto os visitantes rolam a página para baixo. Você também pode alterar a cor de preenchimento e a opacidade para mantê-lo visível, mas sem distrair as pessoas.
この記事では、次のように述べている:
Adicionar e configurar um efeito de rolagem no cabeçalho
Escolha como você deseja que o cabeçalho se comporte, dependendo do quanto ele deve ser visível. Você pode congelar o cabeçalho, por exemplo, para que fique sempre visível, ou fazer com que ele saia do caminho para que os visitantes possam se concentrar no conteúdo da página.
ディカ
O efeito de rolagem só se aplica à página em que você está trabalhando no momento.
Para aplicar um efeito de rolagem ao cabeçalho:
- Selecione o cabeçalho.
- クリックしない Abrir inspetor no canto superior direito do editor.
- Em Configurações do cabeçalho, escolha um Efeito de rolagem e configure-o:
Rolar com o site
Congelar
Desaparecer
Fade out
Alterar a cor do background do cabeçalho durante a rolagem
Junto com o efeito de rolagem que você escolher para o cabeçalho, você pode fazer com que ele mude de cor quando os visitantes rolam para baixo. Isso chama ainda mais atenção para o cabeçalho, garantindo que os visitantes não o percam de vista.
ディカ
Essa configuração se aplica a todas as páginas onde o cabeçalho aparece.
Para alterar a cor do background do cabeçalho durante a rolagem:
- Selecione o cabeçalho.
- クリックしない Abrir inspetor no canto superior direito do editor.
- Em Design, ative a alavanca Cor ao rolar .
- Clique na caixa de cores para escolher uma cor diferente.
- (Opcional) Arraste o slider para alterar a opacidade.
Remover um efeito de rolagem
Você pode remover um efeito de rolagem que adicionou anteriormente ao cabeçalho quando quiser.
Para remover o efeito de rolagem:
- Selecione o cabeçalho.
- クリックしない Abrir inspetor no canto superior direito do editor.
- Escolha o que você deseja desativar:
- Efeito de rolagem: selecione a opção Rolar com site no dropdown.
- Cor ao rolar: desative a alavanca para remover esse efeito.
Configurações avançadas do cabeçalho
Ao ativar configurações avançadas no Inspetor, você obtém um controle mais detalhado do efeito de rolagem do cabeçalho. Essa visualização permite que você ajuste o tipo de posição (por exemplo: fixo, sticky) e a transição (por exemplo: mover, desaparecer) separadamente, criando seu próprio efeito em vez de nossas predefinições.
Para ativar as configurações avançadas:
- Selecione o cabeçalho.
- クリックしない Abrir inspetor no canto superior direito do editor.
- クリックしない Mais ações ao lado de 玉穂.
- Ative a alavanca Configurações avançadas.
- Ajuste o efeito de rolagem do cabeçalho em Configurações do cabeçalho:
- Selecione um Tipo de posição (por exemplo: fixo, sticky).
- Adicione um Recuo para criar uma distância entre o cabeçalho e a parte superior da página.
- Ative a alavanca Transição para adicionar o efeito Mover ou Desaparecer.
- Adicione uma Cor ao rolar (em Design).
この記事は役に立ちましたか?
|