此代码控制我网站的主菜单。 目前它设置为如果我向下滚动,它将消失,当向上滚动时,它将出现。
每当我滚动时,我希望它始终显示在顶部。
感谢您的帮助。
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();
});
});
});
}
答案 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');}
});
});
});
}