Hey gang. First time posting - hopefully someone can help me out.
I’m using this sketch.js custom cursor on my homepage: Webflow Showcased | Custom Particles Cursor
However, it does not work with sticky sections for some reason. The hero section (first section after nav bar) is sticky and so is the one further down where it says ‘Our Work’.
On both of these sections the custom cursor does not ‘recognize’ elements that are clearly buttons / links. It’s like these elements are too far back behind the cursor layer.
However, on other sections like the flip cards and the form button it recognizes and respects these elements (these sections are not sticky).
Here is the live staging site so you can see what I mean: https://trulygreat.webflow.io/
If I change the sticky elements to ‘static’ or ‘relative’, then everything works correctly, so the issue is clearly something to do with the section being sticky. But how to resolve?
I’ve tried changing the z-value of the affected components (ie buttons / links within the Sticky sections), but that does nothing.
I’m tearing my hair out here. Someone please help!!
ps. code for custom cursor is located here:
Here is my site Read-Only: Webflow - Truly Great