30. Rolando a página com scroll section

Descrição

Comentários

Nessa aula, eu falo sobre como configurar o Scroll Section, que é a rolagem do menu em um site. Primeiro, mapeamos as dobras do site, nomeando seções como "Serviços", "FG", "Depoimentos" e "Blog". Depois, configuramos o menu Primary para que, ao clicar em cada item, ele leve à seção correta usando a opção Smooth, que torna a animação mais fluida. Fizemos ajustes no menu para evitar que ele cubra partes do conteúdo, como foi o caso na seção "Blog", onde ajustamos a margem com um gap de 72 pixels. Também abordamos a questão do menu em dispositivos móveis, que às vezes não fecha automaticamente. Para resolver isso, criamos uma nova transição de 0.2 segundos usando a variante Responsive Scroll. Essa configuração garante que ao clicar em um item do menu, ele retorne ao estado original rapidamente. Espero que tenham gostado dessa aula e vejo vocês na próxima!

Comentários

Descrição

Comentários

Nessa aula, eu falo sobre como configurar o Scroll Section, que é a rolagem do menu em um site. Primeiro, mapeamos as dobras do site, nomeando seções como "Serviços", "FG", "Depoimentos" e "Blog". Depois, configuramos o menu Primary para que, ao clicar em cada item, ele leve à seção correta usando a opção Smooth, que torna a animação mais fluida. Fizemos ajustes no menu para evitar que ele cubra partes do conteúdo, como foi o caso na seção "Blog", onde ajustamos a margem com um gap de 72 pixels. Também abordamos a questão do menu em dispositivos móveis, que às vezes não fecha automaticamente. Para resolver isso, criamos uma nova transição de 0.2 segundos usando a variante Responsive Scroll. Essa configuração garante que ao clicar em um item do menu, ele retorne ao estado original rapidamente. Espero que tenham gostado dessa aula e vejo vocês na próxima!

Comentários

Descrição

Comentários

Nessa aula, eu falo sobre como configurar o Scroll Section, que é a rolagem do menu em um site. Primeiro, mapeamos as dobras do site, nomeando seções como "Serviços", "FG", "Depoimentos" e "Blog". Depois, configuramos o menu Primary para que, ao clicar em cada item, ele leve à seção correta usando a opção Smooth, que torna a animação mais fluida. Fizemos ajustes no menu para evitar que ele cubra partes do conteúdo, como foi o caso na seção "Blog", onde ajustamos a margem com um gap de 72 pixels. Também abordamos a questão do menu em dispositivos móveis, que às vezes não fecha automaticamente. Para resolver isso, criamos uma nova transição de 0.2 segundos usando a variante Responsive Scroll. Essa configuração garante que ao clicar em um item do menu, ele retorne ao estado original rapidamente. Espero que tenham gostado dessa aula e vejo vocês na próxima!

Comentários

Especialistas

Henrique Sabino

Fundador da Harena

Mentor

Hashtags

#ScrollSection #Menu #Navegação #AnimaçãoFluida #WebDesign

Olá 👋,

Em que posso ajudar?

Sugestões & Feedbacks