If your Webflow portfolio website is automatically scrolling to a certain section upon loading, but there are no anchor links in the URL, several factors could be causing this issue. Here’s how to troubleshoot and fix it:
- If a form input or text field has autofocus enabled, the browser might automatically scroll to that element.
- Solution: Inspect all form fields in Webflow and remove the autofocus attribute.
- Custom JavaScript (in Custom Code or an embedded element) might be forcing the page to scroll.
- Solution: Check your Page Settings (in Project Settings > Custom Code) and any Before scripts for
window.scrollTo() or element.scrollIntoView() functions.
3. Inspect Interactions & Animations
- Webflow page load interactions can sometimes scroll the page if elements are hidden or repositioned.
- Solution: Go to Interactions > Page Load and verify there’s no unwanted Scroll Into View animation.
4. Check for Browser-Specific Behavior
- Some browsers attempt to remember scroll positions after a refresh.
- Solution: Open your site in incognito mode or clear your cache to test if this is the cause.
- Open your website, press F12 (Windows) or Cmd + Option + I (Mac) to open DevTools, and check the Console for errors.
- Look for any scroll-manipulating scripts running that could be affecting the page position.
6. Test the Webflow-Hosted Version vs. Exported Code
- If the issue occurs only in the exported version, Webflow features like “Smooth Scroll” might have been removed or altered due to missing script dependencies.
- Solution: Compare your published Webflow link to the exported version.
Summary
The most likely culprit is autofocus on a form field, JavaScript forcing a scroll, or an interaction affecting page positioning. Disable any unnecessary scripts, remove autofocus, and inspect interactions to resolve the issue. If the issue persists, check different browsers and test Webflow’s hosted version against the exported one.
