Weird Smooth-scroll behavior?

itsolidude12
Explorer
67 1 26

Hey

I setup a button("Get it now") so it moves into the "signup and save" Section in the footer.

It works fine, except that it scrolls right back up to the top, as soon as it scrolled down. Not quite sure what's going on.

Have a look here

Password: emori

 

0 Likes
g33kgirl
Shopify Partner
277 76 91

Hi @itsolidude12 can you post your code how are you making it scroll to the footer?

You also have an error here:

<script>https://simpleviva-com.myshopify.com/admin/themes/122217169105?key=layout%2Ftheme.liquidcript async src="https://www.googletagmanager.com/gtag/js?id=G-CE0H3G0RZ6"></script>

 

I'm assuming two scripts got merged incorrectly. It should be:

<script src="https://simpleviva-com.myshopify.com/admin/themes/122217169105?key=layout%2Ftheme.liquid"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CE0H3G0RZ6"></script>

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
itsolidude12
Explorer
67 1 26

Thank you. I didn't notice.

Only thing I had to edit in the code was setting the scroll behavior to smooth. It is just by moving to an anchor using the <a> tag. The rest I just did in the editor since it is a pain to find the right sections.

If you are looking for the Input field-ID:

 

 

#Email-1494292487693

 

 

My suspicion is that it works like it should but the images above lazy load. Meaning the dimension of the page change when its lazyloading and the page jumps back up.

 

0 Likes