What could be causing my Webflow portfolio website to automatically scroll to a certain point when opening the exported site, without any anchor links attached to the URL in the browser?
TL;DR
- Check for custom JavaScript or code affecting scroll behavior.
- Verify that no interactions or animations are causing automatic scrolling.
- Inspect embedded content and ensure it doesn't alter scroll position.
- Review CSS settings that might affect scrolling.
- Test on different browsers and devices for specific behavior.
- Consider restoring a previous version of the site in Webflow.
Your Webflow exported site automatically scrolling to a specific point without anchor links could be due to several reasons.
1. Check for JavaScript or Custom Code
- Review any custom code added to your site, especially in the
<head>or<body>tags. Look for scripts that might manipulate scroll behavior. - Ensure no JavaScript actions are set to trigger on page load that could cause scrolling.
2. Verify Interactions and Animations
- Go to the Designer, and check if any animations or interactions are set to scroll to a specific section on page load.
- Look for interactions applied to the Body or Page element that might influence scrolling.
3. Inspect Embedded Content
- If your site includes embedded content such as iframes or third-party scripts, ensure these do not include settings that alter scroll position.
- Review embed code for parameters that might affect layout or position.
4. Examine CSS Settings
- Inspect your CSS to see if there are
overflow,position, ortransformproperties which might inadvertently affect scrolling. - Particularly check if elements have
transform: translatewhich can affect the visual position.
5. Check Browser and Device Settings
- Test the issue on different browsers and devices. It could be browser-specific behavior.
- Look for extensions or settings (such as assistive tech) that might affect scrolling.
6. Asses Webflow Backup or Versions
- Consider restoring to a previous version of your site within Webflow to identify if a recent change caused this behavior.
Summary
The site scrolling to a specific point can be due to custom scripts, interactions, CSS issues, or embedded content settings. Thoroughly check each component listed to isolate and resolve the issue.