I’m having a redirection issue with the anchors on my Webflow landing page. When I click on an anchor in the menu or on a button, half the time it redirects me to the wrong section. However, my IDs are named correctly.
Do you know what might be causing this issue?
All buttons on the page should redirect to the “Pricing” section.
Link here: Webflow - IAPreneur Academy
Hi there,
The scrolling issue you’re experiencing is a common occurrence with lazy-loaded images. This happens because browsers may not accurately calculate the total page height when images are set to load on scroll. You can resolve this in two ways:
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
@Bounsdesign, I checked everything in Chrome and all links are working correctly. Could you share a bit more detail about the issue? Which browser or device are you testing on? This will help us identify the problem more accurately.
“Half the time” is your biggest clue, it suggests that something is changing. Assuming it’s not script changing your page, 99% of the time it’s just an anchor position calculation issue, which is most often caused by dynamically loaded content like images.
Lazy load means it will load when the browser scrolls there, so the browser doesn’t know how large it is and will calculate the anchor scroll-to position incorrectly.
You’d need to eager load all of the images above your anchor position. Watch out for scroll interactions as well, that e.g. adjust section height.
