Streaming live at 10am (PST)

Position "sticky" does not work with luxy.js

Hello, please help! position “sticky” does not work when using luxy.js smooth scrolling .
location: wrap luxy — section 7 — reviews holder.

Read-only link: LINK

Hi Aleksey,

It is not the luxy.js - it is the overflow:hidden on the wrap luxy element.

Hi Avivtech, thanks for the answer, yes this is really due to “overflow: hidden”, but after publishing the “sticky” refuses to work

https://levina-group.webflow.io/

I created a simple structure with sticky elements and luxy.js- all seems to work fine.
The problem is somewhere else…
https://luxy-js.webflow.io/

You can give a read only link?

https://preview.webflow.com/preview/luxy-js?utm_medium=preview_link&utm_source=dashboard&utm_content=luxy-js&preview=2f27484273f4bbcb4023833c6e73894e&mode=preview

Your luxy.js didn’t work, you need to invest it so that it works

image

Why do you think it didn’t work? what are you circling over there? :smile:
(your script targets an ID, not a class )

How can I fix it? I just don’t understand :joy:

I am not sure as well :smiley:

The problem is something else.
I would suggest to back all up, and delete element by element until you find the one that makes the problem.

The problem was found in luxy.js, but I can not remove it :thinking:

1 Like

Im having the same issue… position sticky breaks when I have Luxy.js did you ever find an answer?

1 Like

There is an answer, it can be done through the locomotive js library, but it’s pretty difficult, since I’m new to the code. https://github.com/locomotivemtl/locomotive-scroll

1 Like

thanks for this dude!

you know how to connect locomotive js?