ncti

Thanks, I made it.

Thanks for the answer. I have already corrected the bugs. However, I don't understand what you mean by saying that I should do everything separately. Could you explain it to me more clearly?

Hi, I have an animation on the entire page for each panel (I have several sections with this class) and I would like to additionally pin a photo inside the phone in a specific section (instagram) and move it along with the scroll. Unfortunately, every time my photo reaches the panel instagram section and I start to animate the photo inside the phone, it moves all at once. It is possible to set position absolute on pinned element? I have problem with overflow hidden, when image has position fixed.

Thank you ! I'll check it

@ZachSaucier I try to explenation it once again. I'd like an effect like on this page : https://www.the-cradle.de/ When you scroll down to image with tower, section not moving, but animation is doing. I try to figure it out again. I would like to get an effect like on this page: https://www.the-cradle.de/ When you scroll down to the tower image, the section doesn't move, but the animation works. My section moves as I scroll. The section with the tower from the example is static, but it is animated as it scrolls. My section animates as you scroll, but the entire section is moving. I would like my section to be like the one in the example, that only the animations will not move when you scroll, and after the animation is finished, I can only go lower.

Yes, I saw your example. My problem is I scroll down and my section is pinned it creates a lot of white background on top and bottom and won't lock up, it moves

Yes but I'd like to lock pinned section during animation and unlock after animation end

I'd like an effect like on this page : https://www.the-cradle.de/ When you scroll down to image with tower, section not moving, but animation is making. Iny my case, animation is making but section is moving.

I'm sorry. I forgotten add codepan with my current work I mean, that a want to minimalize moving all boxes, and minimalize white background. I want to focus on changing font color on scroll. So until he changed color he shouldn't go lower https://codepen.io/memek42/pen/LYRMpJN

Thank you for your answer Mikel. My idea is that when you scroll, the middle section lights up first, then the left and right, just scrolling. I almost achieved this effect, but I would like to prevent the fixed position on the element that should be animated as it creates a lot of empty space Ultimately, I would like the boxes to brighten by scrolling by scrolling, and then only after they are all brightened I can go lower.

I am just starting my adventure, please understand https://codepen.io/memek42/pen/LYRMpJN

Hi Is it possible to change the font in the box while scrolling? I have three boxes in a row with the text and while scrolling, I would like the text color in the middle left and right to change sequentially.