I’m working on a page that includes a scroll interaction, where a cube rotates matching the user’s scroll position.
There seems to be an issue where, upon loading the page (either published or in Webflow’s preview), the scroll position jumps, showing an unintended face of the cube along with a label. This face and label should be shown last, not first. The scrollbar doesn’t jump, and when the user starts scrolling, the cube faces/labels jump back to the correct orientation and rotate as intended. It’s just the initial load position scrolls to that unintended point.
Here’s the link to my project: Cube Site
For reference, the first face of the cube that should be shown upon page load is a color photo portrait of just the man in his baseball uniform, looking off, with the label as “athlete.” The last cube face shown should be him and a group of kids, with the label “humanitarian.”
Thank you!