CSS JQuery Scroll Sticky Menu

У меня проблема с меню WordPress, которое не прилипает вверху. Мой JQuery добавляет правильный класс в div, но по какой-то причине он не придерживается.CSS JQuery Scroll Sticky Menu

Вот 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, но безрезультатно.

Любые идеи, в которых я, возможно, ошибся?

С наилучшими пожеланиями

Dave

источник

2016-10-10 demsley

Можете ли вы дать мне демо, где вы это пробовали? –

Hi Hidayt - в настоящее время на внутреннем сервере тестирования, так что не можем делиться извинениями – demsley

Без демонстрации мы, вероятно, не сможем вам помочь. Ответ @Mihai T был бы моим тоже, но если он все еще не работает, вероятно, что правило CSS для другого элемента вызывает это. –

у вас есть проблемы в CSS. писать классы без пробелов между ними

.navbar-style-one .stickymcstickface к .navbar-style-one.stickymcstickface

это потому, что оба класса имеют тот же элемент.

Ваш текущий код работал бы, если элемент с классом .stickymcstickface был бы дочерним элементом с классом .navbar-style-one.

, но в вашем случае оба класса принадлежат #site-navigation-wrap, так что вы должны написать их без пробелов между ними

надеюсь, что это помогает.

источник

2016-10-10 10:18:25

Спасибо, Михай, я пробовал это как с этим пространством, так и без него, но не работал в любом случае. Cheers – demsley

@ пользователь3160485 hmm. это странно. можете ли вы опубликовать рабочий образец своего кода? так что я могу помочь вам лучше? или проверить элемент и посмотреть, будут ли стили, примененные к вашему фиксированному классу, перезаписаны другими стилями. –

У вас есть #id, который имеет приоритет? –

CSS JQuery Scroll Sticky Menu

ответ

Смежные вопросы