Hi all – I hope someone can help me with this problem:
I have a navbar that fades out when I scroll down, and appears when I scroll up. It works perfectly fine for 90% of the page, but as soon as I get to the last section of my site, the navbar doesn’t fade out anymore but instead is visible and sits behind the content; see screenshots:
I have tested on Chrome, Opera, Firefox and Edge (all latest versions), on both PC and mobile (Landscape/portrait) and everything was working ok.
I did notice a small glitch that replicated the issue you described as I randomly ‘rapidly’ scroll up / scroll down on mobile.
I tried to replicate the issue a few times on PC (different viewport sizes) and phone. Was quite a challenge to replicate it, but I got it again on phone portrait.
Definitely would not be a ‘standard’ UX experience to replicate.
Anyway, I noticed that it would occur scrolling the ‘Wider Wrapper’ element. There is a ‘z-index’ of 1 on that element, do want to remove that index and republish, and I’ll see if I can replicate the issue again.