Menu Superior Fade in e Fade out

Layout
1

Boa tarde, gostaria de saber como faço para deixar o menu superior fixado, e na rolagem para baixo ele sumir e quando rolar para cima ele aparecer.

Obrigado.

2

Para deixar fixo a versão PC

CSS

@media (min-width: 768px){
    div#cabecalho {
        top: 0;
        z-index: 99;
        position: sticky;
    }
}
1 curtida
3

Boa tarde @Leonardo_Vicentini_F
Não deu resultado, ele diz que “sticky” não é algo que ele esperava… e mesmo colocando “fixed” ele não mostrou resposta. Se puder continuar me ajudando eu agradeço. Abraço!

4

errei o codigo!

@media (min-width: 768px){
    div#cabecalho {
        top: 0;
        z-index: 99;
        position: sticky;
    }
}
1 curtida
5

Agora está dando erro, falando que esta faltando uma chave para fechar.

6

eu uso esse, da uma olhada no meu site www.brindesdarroartes.com.br

7

Esse seria perfeito.

8

tenta esse codigo

9

Qual código amigo? Consegue postar aqui pra mim?

11 
<script>
jQuery(document).ready(function(a) {
if (a(".menu.superior").length) {
var content = jQuery(".menu.superior").html();
jQuery('#barraTopo .conteiner .row-fluid').html('<div class="menu superior">'+content+'</div>')
}
});
</script>