âą Faixa fixa que aparece ao descer a pĂĄgina
Bom, resolvi postar o tutorial. Ele é bem simples, só precisam entender algumas coisas. Esse tutorial foi bastante pedido, eu fiquei relutante em postå-lo aqui, mas vi que não era lå essas coisas de não ter um motivo tão grande para não fazer isso. Então vamos lå.
Entre no tthy para poder ver o tutorial corretamente sem divs sumidas.
VocĂȘ vai precisar por esse js antes de </head> seja no wp/tumblr/blogger
<script> $(window).scroll(function() { if ($(this).scrollTop()>200) { $('.menufixo').fadeIn(); } else { $('.menufixo').fadeOut(); } }); </script>
if ($(this).scrollTop()>200) >> essa linha significa o valor em que a faixa vai aparecer ao rolar a pågina, ou seja eu desço a pågina 200px e a faixa vai aparecer no topo. O valor poderia ser maior. Geralmente usa-se o valor quando o menu principal termina. Eu tenho meu topo, ele tem 400px e o menu fica depois dele, o menu tem 100px de height somando 500px (com espaçamento) então eu informo nessa linha o valor certo e quando o menu passar do valor informado a faixa irå aparecer.
Como pode notar, ainda no cĂłdigo informamos a div que queremos com o efeito, Ă© a .menufixo entĂŁo devemos criar essa div e fazer ela ficar fixa no topo e ter a forma que gostarĂamos.
.menufixo { height: 55px; width: 100%; z-index: 100000; background: #fff; display: none; position: fixed;}
Formate a faixa da forma que vocĂȘ desejar, colocando cores etc. Agora vamos a parte do html, depois de <body> vocĂȘ deve por a div.
<div class="menufixo"> conteudo </div>
DĂșvidas:
Eu coloquei a faixa, mas o conteĂșdo dentro dela nĂŁo fica centralizado, o que faço?
VocĂȘ vai precisar colocar a div de todo conteĂșdo dentro da faixa, aquela div onde a sidebar e a parte da postagem ficam, sabe? O nome da minha div Ă© #container (a sua pode ser content, conteudo) entĂŁo eu vou precisar adicionar ela dentro da div do menufixo.
Dai fica:
<div class="menufixo"> <div id="container"> conteudo </div> </div>
Bom, depois disso vocĂȘ pĂ”e menu, alguma informação ou o que vocĂȘ quiser.
Qualquer dĂșvida em questĂŁo, mande-nos uma ask.