Wordpress最大超级菜单,想在粘性导航栏上添加单独的类



如何添加一个只有在WordPress中激活粘性导航栏菜单时才适用的类?我需要一个单独的类,它只在粘性激活时触发。现在我正在使用导航栏的最大元菜单插件。[这是不滚动页面的正常视图][1]

[在滚动页面后应用粘性,但这里我想要一个更多的类来调整额外的css][2]

我可以直接从主题自定义添加类吗?[1] :https://i.stack.imgur.com/bfRUD.png[2] :https://i.stack.imgur.com/1WVqh.png

您可以使用JS。

$(window).scroll(function() {    
var scroll = $(window).scrollTop();
if(scroll >= 200) {
$(".selector").addClass(".yourclass");
} else {
$(".selector").removeClass(".yourclass");
}
});

对于某些主题,它们允许您在自定义程序中添加JS。否则,您可以打开主题footer.php文件或将其放置在functions.js文件中。

你还可以得到插件为你注入JS代码,就像这个一样-https://wordpress.org/plugins/custom-css-js/

首先检查您的主题是否不允许添加自定义JS

另一个选项是检查您的元素是否具有类

// CHECK IF YOUR NAV HAS GOT THE STICKY CLASS
if ( $( .your_nav_selector ).hasClass('sticky') ) {
// ADD YOUR NEW CLASS TO SOME OTHER (OR SAME) SELECTOR
$( .selector ).addClass( 'yourclassname' );         
}
});

最新更新