Question

我们有一个警报栏，用于显示校园或校园内的任何其他紧急情况。问题是新网站的主页下拉菜单默认打开，并在活动时屏蔽警报栏。以下是打开它的代码：

// Show menu on homepage
    if (jQuery(window).scrollTop() <= 30 && $('body').hasClass("homepage") && $body.width() > 768 ) {
        $('body').addClass('sub-open');
    }

   $(window).scroll(function(){
        if (jQuery(window).scrollTop() <= 30 && $('body').hasClass("homepage") && $body.width() > 768 ) {
            $('body').addClass('sub-open');
        } else if (jQuery(window).scrollTop() >= 30 && $('body').hasClass("homepage")) {
            $('body').removeClass('sub-open');
            $('.drop-wrap').css('display','none');
        }
   });

我们可以选择在CMS中为页面添加脚本，但是scripts.js最后加载并保持覆盖removeClass代码。有没有办法在警报处于活动状态时添加关闭菜单的代码，或者通过CMS执行最后执行顺序添加代码的方法。我希望这很清楚，感谢任何帮助。

Answer 1

您可以更改CSS以便

他们不是彼此之上或..
警报栏的z-index更高。

而不是乱搞脚本。

Answer 2

你应该定义进入CSS并将其添加到警报div

z-index: 999999;

这会将警报置于您网站上的所有其他内容之上，因此菜单不会超过它。

此外，如果你没有花时间翻阅剧本，你不应该用棍子戳它，它可能会回来。：）

希望这有帮助

RemoveClass问题

2 个答案: