Jquery 如何使我的wordpress菜单始终位于顶部
此代码控制我的网站的主菜单。 当前它被设置为如果我向下滚动,它将消失,当向上滚动时,它将出现 我希望它总是显示在顶部,每当我滚动 谢谢你的帮助Jquery 如何使我的wordpress菜单始终位于顶部,jquery,css,wordpress,Jquery,Css,Wordpress,此代码控制我的网站的主菜单。 当前它被设置为如果我向下滚动,它将消失,当向上滚动时,它将出现 我希望它总是显示在顶部,每当我滚动 谢谢你的帮助 var $fixed_enabled = jQuery("#main-nav.fixed-enabled"); if( $fixed_enabled.length > 0 ){ jQuery( '#theme-header' ).imagesLoaded(function() { jQuery(function(){
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();
});
});
});
}
只需删除或注释此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);
}
感谢您的回复…已修复
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');}
});
});
});
}
这种行为被调用,基本上是在滚动到您在标题顶部设置为fixed的某个级别之后。我们需要你添加你的css类,看看你的网站发生了什么。感谢您的回复…css在这里,请提供一个完整的代码来举例说明您的问题,以便我们可以提供帮助。