This is the simplest to fix menu on the top of the page when the content on scroll down
<script type="text/javascript">
var fixed_menu_hidden = true;
function dtbaker_scroll(){
var scrollTop = $(window).scrollTop();
if(scrollTop>380){
if(fixed_menu_hidden){
$('#menu-top').css('margin-top',0);
fixed_menu_hidden = false;
}
}else{
$('#menu-top').css('margin-top',-75);
fixed_menu_hidden = true;
}
}
window.onscroll = dtbaker_scroll;
$(function(){});
</script>
<style type="text/css">
#menu-top {
position:fixed;
left:0;
right:0;
top:0;
height:39px;
background:#13B8D6;
z-index:300;
margin-top: -75px;
}
Bilder: online-nrw.de
