html - Header getting messed up when scrolling down, then back up -
On a customer's website, I have to run this strange thing. Everything is fine, but when you scroll down and then get a large white area of the header where the advertisement / contact bar is
this site is:
Not an expert, and I have been looking for days. Please help me! :) (I do not know what information you need, but when I ask, I will update it)
When you scroll back up, Header Dive trapped class:
before scrolling: & Lt; div class = "header stuck" & gt; ... & lt; / Div & gt; Scrolled down to 1: & lt; Div class = "header stuck" & gt; ... & lt; / Div & gt; Scrolled down to 2: & lt; Div class = "header header header-scroll" & gt; ... & lt; / Div & gt; Scroll back up: & lt; Div class = "header" & gt; ... & lt; / Div & gt; Your problem is in waypoint-sticky.min.js :
@line22 | stuckClass: 'stuck'; and here:
@line51 | Turn it back. RemoveClass (this.data ('stuckClass')); what class exits
& Lt; div class = "header stuck" & gt; ... & lt; / Div & gt; Scrolled down to 1: & lt; Div class = "header stuck" & gt; ... & lt; / Div & gt; Scrolled down to 2: & lt; Div class = "header header header-scroll" & gt; ... & lt; / Div & gt; Scroll back up: & lt; Div class = "header" & gt; ... & lt; / Div & gt; Your problem is in waypoint-sticky.min.js :
@line22 | stuckClass: 'stuck'; and here:
@line51 | Turn it back. RemoveClass (this.data ('stuckClass')); what class exits
Comments
Post a Comment