Luxy.js with sticky element mid page

Design help Custom code
1

Hi!

I’m trying to find a smooth scrolling solution that works with Webflow’s position sticky option.

Current I’m using luxy.js which is presenting some issues.

With luxy.js & sticky element:
https://luxy-js-sticky-elements-demo.webflow.io/

No luxy.js & sticky element:
https://luxy-js-sticky-elements-demo.webflow.io/no-luxy-js-with-sticky-element

Any help in achieving this or advice on an alternative method would be greatly appreciated.

READ ONLY:
https://preview.webflow.com/preview/luxy-js-sticky-elements-demo?utm_medium=preview_link&utm_source=dashboard&utm_content=luxy-js-sticky-elements-demo&preview=c16039e8f322f5af5563c62783dbb2da&mode=preview

2

Did a little bit more research and found this question on a number of other threads.

There was mention of this js library in one of them.

However, there is little documentation around setting this up with Webflow.
If anyone can help with how to get this or luxy working with sticky elements that would be fantastic!

3

To this day i am yet to find any smooth scrolling solution that works with wf interactions. I didn’t even know they don’t work with sticky as well tbh