Html Wordpress Max Mega菜单,要在粘性导航栏上添加单独的类吗
如何添加仅在WordPress中激活粘性导航栏菜单时才适用的类?我需要一个单独的类,它只在激活sticky时触发。现在我正在为导航栏使用Max元菜单插件。 [这是不滚动页面的正常视图][1] [在滚动页面后,应用了粘性,但在这里我想再增加一个类来调整额外的css][2] 我可以直接从主题定制添加类吗? [1]: [2] :您可以使用JSHtml Wordpress Max Mega菜单,要在粘性导航栏上添加单独的类吗,html,css,wordpress,class,sticky,Html,Css,Wordpress,Class,Sticky,如何添加仅在WordPress中激活粘性导航栏菜单时才适用的类?我需要一个单独的类,它只在激活sticky时触发。现在我正在为导航栏使用Max元菜单插件。 [这是不滚动页面的正常视图][1] [在滚动页面后,应用了粘性,但在这里我想再增加一个类来调整额外的css][2] 我可以直接从主题定制添加类吗? [1]: [2] :您可以使用JS $(window).scroll(function() { var scroll = $(window).scrollTop();
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if(scroll >= 200) {
$(".selector").addClass(".yourclass");
} else {
$(".selector").removeClass(".yourclass");
}
});
通过一些主题,您可以在定制器中添加JS。否则,您可以打开theme footer.php文件或将其放在functions.js文件中
您还可以使用插件为您注入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' );
}
});
您应该能够使用
window.onscroll
向任何元素添加类,具体取决于您使用的主题。有些主题允许您在customizer部分添加JS。否则,您可以打开主题的footer.php文件或函数js文件,并在其中添加代码。