Cirei um menu que percebe quando o scroll
passa de um determinado ponto e fica fixo, até ai tudo certo, porém quando rolei a página um pouco mais para baixo, e atualizei (F5) reparei que o menu sumiu, e depois ao rolar uma vez o scroll para cima/baixo ele reaparece.
Alguém sabe o que eu poderia fazer para isso não ocorrer, aparecer o menu tbm ao dar um refresh/f5?
Segue código abaixo.
$(document).ready(function(){
var div = $('#menu');
$(window).scroll(function () {
if ($(this).scrollTop() > 35) {
div.addClass("menu-fixo");
} else {
div.removeClass("menu-fixo");
}
});
});
#menu {
min-height: 112px;
background-color: tomato;
}
.menu-fixo {
position: fixed;
top: 0px;
left: 0;
right: 0;
z-index: 100;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="menusite" class="container-fluid">
<div class="row">
<div class="col-md-12"> Menu </div>
</div>
<div>