Jloafs

Oh Fantastic! Thanks heaps.

Hi guys I'm having a few issues trying to work out how to pin an object when using scrolltrigger and scroll smooth. Essentially I want the header element to be fixed to the bottom of the viewport until it hits the footer, then it will push up just like position sticky behaviour. I have the feeling my pen is way off. I seem to have a huge viewport height element between the header and the <main> element for some reason and the positioning is not working at all as expected. Does anyone have any thoughts on how to resolve? Many thanks in advance for any help.

Thanks so much

Hi guys, I'm trying to create a netflix type horizontal list of videos that can be scrolled by dragging. I want the dragging to have a softness to it so assumed the inertiaPlugin would be the way to go. Its my first time using either of these so am finding it difficult to trouble shoot. I set up a rough pen to illustrate. Can anyone shed any light on how to resolve this? Also ideally dont' want the contents within the scrollable window to be scrolled beyond the end of the content - ie don't want the contents to be scrolled leaving a big gap after the last element. Also the elements inside will be videos so need to be clickable - I notice that the drag hijaks the cursor. Is there a workaround for that?

That's awesome Cassie - thanks heaps.

Actually it's hard to replicate in codepen - but on my website, the footer gets pushed when the accordion is expanded. After expanding the accordion, scrolling down to view the footer doesn't seem possible. But on codepen it works.

I'm trying to use scrollsmoother on a page with an accordion that changes the height of the page. This seems to clash with either the wrapper or content div used for the scrollsmoothing - as you can see with the pinned footer after opening and closing the accordions. Is there a way to fix this? Many thanks in advance for any help.

Thanks so much - that's perfect!

Hi guys I'm trying to animate a clip-path on the pseudo :after element on multiple blocks using scrolltrigger. No idea at all why this isn't working - can anyone spot my (probably multiple) errors? Many thanks in advance.

Oh that's perfect - thanks so much

Hi guys I'm trying to create a footer that is revealed when the bottom of the page is reached. I have the footer in a fixed position at the bottom of the screen (outside of the scroll smooth wrapper) and using z-index to keep it under the page body. However Ive run into an issue - footer links are not clickable. I've tried numerous combinations of pointer-events on different elements but can't get this to work. Can anyone shed any light on this issue? Many thanks in advance.

That's awesome thanks Trapti. Have a great day.

If anyone could shed some light on this I'd be very grateful. I'm trying to animate the flip of an underline between li items in a nav. The underline is switching position but it's not animating. What am I missing? Many Thanks.

Thanks Rodrigo. Yeah, not quite - I didn't find a way to implement via the content of the pseudo element but went in a different direction using innerHTML which worked for my needs. Thanks for the follow up.

Hi guys. I'm attempting to change the text content of a pseudo element on scroll by replacing the text using a data attribute on each section. It isn't working and I suspect the content property isn't supported. Is there a simple solution to this? Many thanks in advance.