Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Wordpress Max Mega菜单,要在粘性导航栏上添加单独的类吗_Html_Css_Wordpress_Class_Sticky - Fatal编程技术网

Html Wordpress Max Mega菜单,要在粘性导航栏上添加单独的类吗

Html 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();

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

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

我可以直接从主题定制添加类吗? [1]: [2] :

您可以使用JS

$(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文件,并在其中添加代码。