marc1
December 2, 2019, 12:02pm
1
Case: I want a page scroll animation to change the background color of my navbar when page is scrolled down 300 px.
Case: I want a page scroll animation to change the background color of my navbar when page is scrolled down 200 px.
Both cases don’t work as I expect.
In Case 1 I need an offset of 288px (instead of 300px) – difference 12px
What offset do I need for an animation that should trigger at scroll down 5 px or 1 px?
RileyJones
December 2, 2019, 3:56pm
2
Hello
This is a great question, thanks for reaching out to the forums.
Would it be possible for you to send the most up-to-date share link for the specific site and some screenshots of what you are experiencing? This will help me understand what’s going on a bit more clearly in order to further investigate.
I look forward to hearing back from you so we can smoothen out whatever issue is happening here.
My best,
Riley
marc1
December 2, 2019, 4:33pm
3
Dear Riley,
thank you for your interest.
The anchor-link “click to scroll” will scroll down to the top of the third div at position 200px.
There is one embedded js script used for down scroll >199 that will move in the navbar-div with white background.
The wf interaction is set to offset 185px (instead of 200px). It will change the background to red.
https://scrollpage-191202.webflow.io
https://preview.webflow.com/preview/scrollpage-191202?utm_medium=preview_link&utm_source=dashboard&utm_content=scrollpage-191202&preview=c9f42d328b7d5a96858025d20f460fca&mode=preview
185px as workaround for 200px works on chome desktop for win but not for iOS. iOS seems to need a different value, perhaps +1 or 2px.
system
February 1, 2020, 1:38pm
4
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.