При прокрутке БГ не меняется, хотя должен(
$(window).load(function(){
$('#menu').liFixar({
side: 'top',
position: 0,
fix: function(el, side){
el.addClass("fixed");
el.liFixar('update')
},
unfix: function(el, side){
el.removeClass("fixed");
el.liFixar('update')
}
});
})
<style>
body {
background: #444;
height:2000px;
margin:0px;
padding:0px;
}
#menu{
height:75px;
width:100%;
padding: 0px 80px;
position: fixed;
z-index: 10000000000000000000000000;
background: #dedede;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.fixed #menu{
background: #fff;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
</style>
<script src="js/main.js"></script>
<script src="js/jquery.liFixar.js"></script>
<script src="js/jquery-1.9.0.min.js"></script>
</head>
<body>
<div id="menu">
</div>
</body>
Простой
Простой