修復粘頭

Question

我有一些任務，我需要在主頁中有一個頭，並在所有其他頁中有不同的頭！

是頁面的時候沒有回家，我寫了一個腳本：做一些改變與jQuery。現在一切都很好，但我有一點，當我滾動頁面時，主菜單和語言設置的包裝有時會移動。

我不能修復它。

這是我的網站http://dita.q44.nl/（主頁）和 http://dita.q44.nl/register/（其他頁面，需要修復）。

感謝你的一切，如果你幫我...

Answer 1

的問題是在你的內部網頁（不主頁）你在頭高度增加.sticky您.site-header，這導致變化從71px到91px 。

解決的辦法是，你不必切換上滾動，你只需要添加離開它，因爲它是.sticky類。

Answer 2

嗯，我想這個問題是這裏的時候，我做的禁用它，一切都很好

@media only screen and (min-width: 63.9375em) 
.site-header .main-navigation, .site-header .site-tools { 
    /* height: 66px; */ 
    /* line-height: 59px; */ 
} 

當您滾動下來，它增加你的高度66px

試試這個 它將只工作，你的主頁

.home .top-headers-wrapper.on_page_scroll { 
     background: #fff; 
    }