时间戳

首页 > 解决方案 > Wordpress Max Mega Menu，想在粘性导航栏上添加单独的类

html - Wordpress Max Mega Menu，想在粘性导航栏上添加单独的类

问题描述

如何添加仅在 WordPress 中激活粘性导航栏菜单时适用的类？我需要一个单独的类，仅在粘性激活时触发。现在我正在使用 Max Meta Menu Plugin 作为导航栏。[这是不滚动页面的正常视图][1]

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

我可以直接从主题定制中添加课程吗？[1]：https ://i.stack.imgur.com/bfRUD.png [2]：https ://i.stack.imgur.com/1WVqh.png

标签： htmlcsswordpressclasssticky

解决方案

你可以使用 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' );         
        }
    });

推荐阅读