Friday, May 23, 2014

Stick Menu Code

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>

=====================================


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