Message # 1 | 4:26 AM 2023-09-26
I have sticknav menu bar when scroll on Design# 1813

HTML on Top part of the web site
Code
<!-- <sblock_nmenu> -->
<sticknav>
<?if($NMENU_1$)?>
   <!-- <bc> -->
   <B>$NMENU_1$</B>
   <!-- </bc> -->
   <?endif?>
<!-- </sblock_nmenu> -->
  </sticknav>


CSS
Code
/* Bắt đầu Stick Nav */
sticknav {
background: #ffffff;
height: 30px;
width: 100%;
margin-right: 0px;
margin-left: 0px;
left: 0px;
right: 0px;
position: relative;
z-index: 9999999999999999;
}
.fixed { position:fixed;}
/* Kết thúc Stick Nav */


JS on top part of the website

Code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var aboveHeight = $('header').outerHeight();
    $(window).scroll(function(){
        if ($(window).scrollTop() > aboveHeight){
        $('sticknav').addClass('fixed').css('top','0').next().css('padding-top','60px');
        } else {
       $('sticknav').removeClass('fixed').next().css('padding-top','0');
        }
    });
});
</script>


DEMO on http://vuonquocgiacattien.vn
It working but not really good, Please help me Fix it.
Thanks so much![color=purple][/color]