How can I make a Webflow page automatically scroll 600px down upon load without affecting any elements on the page?
TL;DR
- Add a JavaScript snippet in the Webflow custom code section under "Before </body> tag" to scroll the page 600px on load.
- Publish and verify the changes on your live site.
To make a Webflow page automatically scroll down 600 pixels upon load without affecting other elements, follow these steps:
1. Add Custom Code to the Page
- Go to Project Settings in Webflow.
- Select the Custom Code tab.
- Scroll down to the Before </body> tag section.
2. Insert JavaScript for Scrolling
- Insert the following JavaScript snippet to perform the scroll action:
```javascript
<script>
window.onload = function() {
window.scrollTo(0, 600);
};
</script>
```
- Be sure to add the above snippet directly in the provided field.
3. Publish and Test
- Publish the changes to see them take effect on your live site.
- Test the page by opening it in a browser to verify it scrolls 600px down automatically.
Summary
Add a JavaScript snippet to your Webflow project settings to automatically scroll the page 600px on load. This method doesn't affect other elements and is added in the Before </body> tag section.
