I have a few link boxes on my page that take me to different parts of the one-pager. When I click these links on mobile, first it outlines the div I linked to in light blue (small issue). Then, when I scroll past the point that it linked me to, it starts rubber banding/screen flashes back to the spot that was linked. I noticed it specifically happens when the UI of the browser hides/shows itself. Any ideas on how to fix this and why it may be happening?
here is the link to the site : www.edaphicsolutions.com Try clicking the Tea Icon on the hero and then scrolling down more until the Browser controls disappear and then scroll slowly up and down to see what I mean. Or click the cards just below the hero. Thank you!
I also have a screen recording of the issue I can share
A few ideas that have come up in a conversation with a friend: The scroll animation that is built into webflow is running perpetually and snaps back to the element when viewport is affected. 2. The focus of the page is creating the outline of the element and somehow brining the scroll back to it.
here is the thing, it doesn’t seem to show it happening in the mobile preview in webflow. Only once I actually open it in a mobile browser (seems to specifically be happening when the nav bar of safari or google chrome moves/ the viewport changes) it will jump to the spot on the site that is Edaphic Solutions(the last on page link clicked).
let me know if that helps and thank you for all the help Tom
I reached out to support and they were able to replicate it, can you see the video I linked in the original post? it seems to specifically happen if the UI of chrome is animating in or out. I have used incognito but not cleared cache yet. Ill try that next!