jquery - CSS Jquery 滚动粘性菜单

Question

我有一个 WordPress 菜单没有固定在顶部的问题。我的 JQuery 将正确的类添加到 div，但由于某种原因它没有坚持。

这是 html 预滚动:

<div id="site-navigation-wrap" class="navbar-style-one wpex-dropdowns-caret clr">

一旦滚动，JQuery 显然会随着类的添加而工作:

<div id="site-navigation-wrap" class="navbar-style-one wpex-dropdowns-caret clr stickymcstickface">

...这是CSS:

.navbar-style-one .stickymcstickface {
        height: 50px;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
    }

我试过使用 z-index 以防它隐藏在某些东西下面，但这没有帮助。我也试过没有空格，只有 stickmcstickface 类，但无济于事。

有什么我可能出错的想法吗？

最好的问候

戴夫

Answer 1

你的 CSS 有问题。编写类之间没有空格

.navbar-style-one .stickymcstickface 到 .navbar-style-one.stickymcstickface

这是因为这两个类属于同一元素。

如果具有类 .stickymcstickface 的元素是具有类 .navbar-style-one 的元素的子元素，则您当前的代码会起作用。

但在你的情况下，这两个类都属于 #site-navigation-wrap 所以你应该在它们之间没有空格的情况下编写它们

希望对你有帮助。