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)