Pesquisar por cursos... Pesquisando por Sem resultados para Ver todos os cursos com

Fórum

arrow_back

Gostaram do Efeito no Topo do Campus? Veja como se faz!

Fabio Godoy

29/05/2013 11:17:54

Alguns alunos reclamaram que a barra do topo atrapalhavam eles na hora de assistir as aulas do Campus, então encontrei um script que é uma solução para a situação, ao usuário rolar o scroll para baixo o topo desaparece e ao rolar o scroll para cima o topo reaparece. Decidi compartilhar com vocês, veja aqui como funciona o código: //codepen.io/markmichon/pen/yicGB

osmar queiroz

04/07/2013 16:28:40

olá fábio gostaria de saber como faz esse mesmo efeito so que acompanhando? mais ou menos igual a esse site. www.blackdever.com Obrigado

Fabio Godoy

05/07/2013 11:22:50

Osmar ensinamos isso no Curso de Bootstrap, basta você adaptar o recurso para o menu que você construir. Na aula 37 - Barra de Navegação (Variações) - Parte 2 você irá ver o recurso que o Bootstrap disponibiliza para fazer com o menu acompanhe o scroll do usuário. Na aula 59 - Affix, você irá ver o recurso que o Bootstrap disponibiliza para exibir um conteúdo somente quando o usuário rolar o scroll a partir de um determinado ponto que você definir. E na aula 50 - ScrollSpy você irá ver o recurso do Bootstrap para espiar que sessão do site o usuário está navegando para que ele aplique um modo ativo no menu, como o do site que você mostrou. Todos esses recursos e mais você encontra no Curso, basta assistir as aulas, assimilar e aplicar em seus projetos.

Este site usa cookies para melhorar sua experiência. Política de Privacidade