Jquery Code:
<script type="text/javascript">
$(window).scroll(function () {
var iCurScrollPos = $(this).scrollTop();
if (iCurScrollPos > 130) {
$('nav').css('position','fixed');
$('.sticky-logo').css('display','none');
} else {
$('nav').css('position','relative');
$('.sticky-logo').css('display','block');
}
//iScrollPos = iCurScrollPos;
});
</script>
=====================================
<script type="text/javascript">
$(window).scroll(function () {
var iCurScrollPos = $(this).scrollTop();
if (iCurScrollPos > 130) {
$('nav').css('position','fixed');
$('.sticky-logo').css('display','none');
} else {
$('nav').css('position','relative');
$('.sticky-logo').css('display','block');
}
//iScrollPos = iCurScrollPos;
});
</script>
=====================================
CSS Code:
nav {
background: url(images/menu_bg.png) 0 0 repeat-x;
z-index:99999;
top:0px;
left:0;
width:100%;
}
.menu {
display: inline-block;
min-width: 100%;
list-style:none;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
position: relative;
background-color:#666;
text-align: center;
z-index:99999999;
}
No comments:
Post a Comment