Lenis Smooth Scroll + FinSweet Disable Scroll

Attributes
1

Hi there,
I am building a site where I wanted to use a Smooth Scroll library. I opted for this one called Lenis

I’ve put this code into my site’s footer:

<!-- Lenis Smooth Scrolling -->
<script
	data-id-scroll
	data-autoinit="true"
	data-duration="1"
	data-orientation="vertical"
	data-smoothWheel="true"
	data-smoothTouch="false"
	data-touchMultiplier="1.5"
	data-easing="(t) => (t === 1 ? 1 : 1 - Math.pow(2, -10 * t))"
	data-useOverscroll="true"
	data-useControls="true"
	data-useAnchor="true"
	data-useRaf="true"
	data-infinite="false"
	defer
	src="https://assets-global.website-files.com/645e0e1ff7fdb6dc8c85f3a2/64a5544a813c7253b90f2f50_lenis-offbrand.txt">
</script>

And it’s awesome, but it seems to interfere with the FinSweet disable scroll library that prevents scrolling when the mobile nav is open.

Is there any possible way I can get the two to play nicely with each other?

Thanks so much!

2

hey @joel! I’m afraid there is no way of making them work together. I’ve tried several approaches with no success yet. :frowning: