So I am a longtime web developer but new to Webflow (I’ve had an account maybe two weeks now). I’m at the early stages of developing a portfolio website and just realized that whenever I refresh my page, it scrolls down a bit.
My first thought was autofocus on my form elements but they are all unchecked (and removing the form entirely does not solve the problem). I next deleted each element one at a time and still couldn’t find the issue.
So if anyone can help me shed light on what might be causing the issue, I’d be immensely grateful.
My Website
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
Hi there,
The automatic scrolling behavior you’re experiencing could be caused by two common factors:
Autofocus on input fields below the fold can trigger automatic scrolling when the page loads. To resolve this, check your form input fields and disable the autofocus setting if it’s enabled.
Image lazy loading can also affect scroll behavior since browsers initially calculate page height based on unloaded images. To address this, you can either:
- Disable lazy loading for above-the-fold images in the Image Settings panel
- Add specific height dimensions to your image elements to maintain consistent page height during load
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
1 Like
Okay, figured it out thanks to the response above. It turns out Lottie animations above the fold need a specified height too.