Scroll snapping - Anchor links not working

Design help Custom code
1

Hi there,

I’m using the scroll snapping outlined in this video. For some reason this is causing anchor links to stop working. I’m trying to get the secondary CTA (class = button-waitlist-lp-secondary) to link to the second section (ID = slide-2). I did some google research and wasn’t able to find any solution for this.

Find below the relevant custom code that I’m using and also my Read-Only link.

Appreciate any help on this!

<style>
    .scroll-snap-wrapper {
        scroll-snap-type: y mandatory;
        scroll-behavior: smooth;
    }

    .section-waitlist-lp {
        scroll-snap-align: start;
    }
    
  	.section-waitlist-lp-last {
        scroll-snap-align: end;
    }
    
    .scroll-snap-wrapper {
        -ms-overflow-style: none;
        scrollbar-width: none;
		}
    
    .scroll-snap-wrapper::-webkit-scrollbar { 
        display: none;
  	}
</style>

<style>

.scroll-snap-wrapper {
  height: 100vh; /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
}

</style>

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Ever find a solution for this? In the same boat and can’t figure it out.

3

Exactly the same problem. Any solution?

4

Bump. Same issue… @JoeKrug :pray: