修复粘头

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; 
    }