如何使我的wordpress菜单始终在顶部

时间:2017-01-19 11:56:10

标签: jquery css wordpress

此代码控制我网站的主菜单。 目前它设置为如果我向下滚动,它将消失,当向上滚动时,它将出现。

每当我滚动时,我希望它始终显示在顶部。

感谢您的帮助。

var $fixed_enabled = jQuery("#main-nav.fixed-enabled");
if( $fixed_enabled.length > 0 ){
    jQuery( '#theme-header' ).imagesLoaded(function() {
        jQuery(function(){
            var navScroll_1  = jQuery(document).scrollTop();
            var headerHeight = $fixed_enabled .offset().top;

            $window.scroll(function() {
                var navScroll_2 = jQuery(document).scrollTop();

                if (navScroll_2 > headerHeight){ $fixed_enabled.addClass('fixed-nav'); } 
                else { $fixed_enabled.removeClass('fixed-nav');}

                if (navScroll_2 > navScroll_1){ $fixed_enabled.removeClass('fixed-nav-appear');} 
                else { $fixed_enabled.addClass('fixed-nav-appear');}                

                navScroll_1 = jQuery(document).scrollTop(); 
            });
        });
    });
}

2 个答案:

答案 0 :(得分:0)

只需删除或评论此css,第496行:

.fixed-nav {
        position: fixed;
        top: -90px;
        left: 0;
        width: 100% !important;
        z-index: 9999;
        opacity: 0.95;
        -webkit-transition: top .5s;
           -moz-transition: top .5s;
             -o-transition: top .5s;
                transition: top .5s;

        -webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
           -moz-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
                box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
    }

答案 1 :(得分:0)

感谢您的回复......由

修复
if( $fixed_enabled.length > 0 ){
    jQuery( '#theme-header' ).imagesLoaded(function() {
        jQuery(function(){
            var navScroll_1  = jQuery(document).scrollTop();
            var headerHeight = $fixed_enabled .offset().top;

            $window.scroll(function() {
                var navScroll_2 = jQuery(document).scrollTop();

                if (navScroll_2 > headerHeight){ $fixed_enabled.addClass('fixed-nav fixed-nav-appear'); } 
                else { $fixed_enabled.removeClass('fixed-nav');}

            });
        });
    });
}