当向下滚动时，标题会变得混乱，然后再向上

Question

在客户的网站上，我发现了这个奇怪的事情。一切都很好，但是当你向下滚动然后备份时，标题会得到一个大的白色区域，其中是地址/联系人栏。

这是网站： rijschool-wolvega.nl

我不是css的专家，而且一直在寻找几天。请帮帮我！ :) （我不知道你们需要什么信息，但我会在被问到时更新这个信息）

Answer 1

我认为你已经在滚动中应用了一些jquery ...并在滚动时错过了标题中的卡住类！

<div class="header stuck">

这应该在向下滚动...

Answer 2

当您向上滚动时，标题div会丢失它stuck类：

滚动前：

<div class="header stuck">
   ...
</div>

向下滚动1：

<div class="header stuck">
   ...
</div>

向下滚动2：

<div class="header stuck header-scrolled">
   ...
</div>

向后滚动：

<div class="header">
   ...
</div>

您的问题在于waypoint-sticky.min.js：

@line 22 | stuckClass: 'stuck';

在这里：

@line 51 | return this.removeClass(this.data('stuckClass'));

删除班级

Answer 3

更改你的topcontactinfo类的css

 margin-bottom: 30px !important;
 color: #fff !important;
 z-index: 1000 !important;
 margin-left: 46%;
 margin-top: 2%;

它会正常工作