Streaming live at 10am (PST)

Issue: Page scrolled animation with offset in px

  1. Case: I want a page scroll animation to change the background color of my navbar when page is scrolled down 300 px.
  2. 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
In Case 2 I need an offset of 185px (instead of 200px) – difference 15px

What offset do I need for an animation that should trigger at scroll down 5 px or 1 px?
Is it a bug?

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

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.