Scroll snapping - Anchor links not working

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)

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