Auto scroll to a section on the page after first landing

Site URL: https://www.smoredate.com/

Once the web page loads, I want to automatically jump to a section on the home page without using anchor links or having to press a button/click a link. I created a redirect using div as below:

<div id="scroll-here">

</div> 

It takes you to the Home page on the navigation bar with the anchor tag in the url slug--> /home#scroll-here

Then I set up a script in the landing page where I want the auto scroll to work:

<script>
var url= "https://www.smoredate.com/home#scroll-here";
     window.location = url;

</script>

The code works on the front end but Squarespace dashboard never stops loading, I'm assuming it's jumping between the two home pages: the one on the navigation bar and the landing home page! Where did I go wrong?! :(

7 hours ago, bangank36 said:

Try settings hash url only

location.hash = "#scroll-here"

This works! Thank you!

Could someone walk me through this, please? I can't tell what you're suggesting to do instead. Talk to me like I'm 5. I put the anchor in the section, right? Then where do I put the other code and how should it look. I tried a few things with my limited understanding. Thanks. 

On 1/5/2024 at 4:16 AM, JesseBiltz said:

Could someone walk me through this, please? I can't tell what you're suggesting to do instead. Talk to me like I'm 5. I put the anchor in the section, right? Then where do I put the other code and how should it look. I tried a few things with my limited understanding. Thanks. 

With script code, you can add it to Website Tools (under Not Linked navigation) > Code Injection > Scroll down to Footer box