CSS Jquery Scroll Sticky菜单

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所以你应该在它们之间没有空格地写它们

希望它有所帮助。