2016-10-10 101 views
0

我有一個WordPress菜單不粘在頂部的問題。我的JQuery將正確的類添加到div,但由於某種原因它並不堅持。CSS jquery滾動粘滯菜單

這裏的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類,但無濟於事。

任何想法,我可能出錯了?

問候

戴夫

+0

你可以給我演示你試過這些嗎? –

+0

嗨Hidayt - 目前僅在內部測試服務器上,因此不能共享對不起 – demsley

+0

沒有演示,我們可能無法進一步幫助您。 @Mihai T的回答也會是我的,但是如果它仍然不起作用,那麼另一個元素的CSS規則可能會導致這種情況。 –

回答

1

你在CSS的一個問題。編寫類,而他們

.navbar-style-one .stickymcstickface之間的空間.navbar-style-one.stickymcstickface

,這是因爲這兩個類是相同的元素。

如果具有類.stickymcstickface的元素將是類.navbar-style-one中的元素的子元素,那麼您當前的代碼將會工作。

但在你的情況下,這兩個類屬於#site-navigation-wrap所以你應該把它們寫他們之間沒有

希望它有助於空間。

+0

感謝Mihai,我已經嘗試過,無論有沒有這個空間,但無法以任何方式工作。 乾杯 – demsley

+0

@ user3160485 hmm。真奇怪。你能發佈你的代碼的工作示例嗎?所以我可以幫助你更好?或檢查元素,看看應用於您的固定類的樣式是否被其他樣式覆蓋 –

+1

您是否有一個優先的#id? –