On this site https://www.motioneers.nz/, the sections down the homepage with the angled crop on the background image, the accompanying textual content displays on the page using the ‘While scrolling in view’ interactions. It works perfectly in Webflow’s Developer preview mode but the published page seems to only work when scrolling using the mouse wheel, when using the browser scroll bar the interactions do not work most of the time (the fade in interaction does not work so the text never appears). This seems to be the same for Chrome, Firefox and Edge, all tested on Windows 10. Chrome on Macbook is fine, the scrollbar works as expected.
Does anyone have any idea as to what’s going on?
As I’ve yet to hear from Webflow I’ve disabled the fade in effect so that the text can be viewed but this is a test of the situation to see what I’m talking about. https://www.motioneers.nz/assets/interaction-test
Here is my site Read-Only: https://preview.webflow.com/preview/motioneers?utm_medium=preview_link&utm_source=designer&utm_content=motioneers&preview=2b41575a47fdaa070d6e4e126ae0d767&pageId=5ee064707c9a410abc5162f5&mode=preview