gareth

I am trying to pin a section, then while its pinned scroll its overflow. My codepen is close, but I am not sure how to calculate the y value of the element to scroll, so it is fully scrolled before the section is unpinned.

thanks! that easy

I am trying to fix a title until it reaches the section below. It all works fine unless I resize the window which can change the height of the title (if it goes onto more lines) and so the end position is now wrong. I am using the title height in order to position it correctly : var titleHeight = document.querySelector(".project-title").offsetHeight; Inside scrolltrigger: end: "top bottom-=" + titleHeight, How can I update the titleHeight on browser resize ? or is there another way to set this value dynamically during the scroll so it always checking what the current height is?

Thank you that works great. When you say it's a peculiar setup, is there a better way to do this?

I would like to play the reverse (text is deleted) at twice the speed of when it plays forward (text types in). Is this possible, prehaps using time scale somehow?

Ah thank you!, I have updated and it's working great. Stupid typo! <div id="#content"> <--

I am trying to have an intro section fade out using scrub as you scroll down the page (the viewport height) to reveal the next section under it. At the moment it is not pinning and the scrub does not work, where am I going wrong?

Great thank you, I used that + and offset based on the title height.

I want to pin a title until it aligns to the section below. I am confused about how I can express this in the end value - is it possible to pass an element to the end value?

yes sorry, was just about to mark as solved.

I am trying to keep a section pinned (fixed in place) while the next section is scrolled over it.

Hi, I have a series of "A" shapes that I would like to morph between, they shapes are very similar to each with the same amount of points, but I can't get a clean animation, the cut out in the middle keeps flipping and the origin and shapeindex properties appear to have no effect. thanks!

I am trying to animate type along a svg path. Thanks to some help from demos on this forum, I am very close to the effect I am after. The problem I have is the kerning (space between each letter ) is messed up. I understand this is because I am not allowing for the individual character widths within my start and end positions. Is it possible to access these within the forEach loop?

I am trying to blend a linear gradient fill of a svg so it cycles through a few colors. The gradient looks how I want, but the tween feels very choppy. I know this is because of the way I have used stagger, but not sure what approach to take to make is color change smoother, but still have the gradient change from left to right?

yes, sorry that's what I meant.