Shahas Nizar

But what i want to achieve is to scale down the child elements (.panel-bg), not the parent one. Each child element should transform while its parent div gets pinned by ScrollTrigger. or please advise me if timeline is the correct method to achive this

@OSUblake Thank u for quick response As u stated i think i have managed to make it in a single ScrollTrigger, but still i'm unable to find the desired output. Pinning for the parent element works fine but only last child element is transforming I tried with forEach method for child elements (.panel-bg) but still not working could you pls help me with this.. demo updated : https://codepen.io/shahas-nizar/pen/KKvOReo

Hello, I have a series of image that get pinned on after another. I would like to make the images pinned and scale while scrolling It seems that the image is pinned during the whole duration of the timeline, but scaling for each image is not working as expected For eg: i need all images to scale down from 2 to 1, So please help me to transform each images individually after it's get pinned. Please have a look at this demo https://codepen.io/shahas-nizar/pen/KKvOReo !Sorry my bad english Big thanks for this awesome plugin

Hi Everybody! I would like to share my problem. I am using ScrollTrigger to smoothscroll and animate elements. Earlier i used Locomotive Scroll + ScrollTrigger together but when i knew that ScrollTrigger alone can do both, i decided to ditch Locomotive Scroll. I followed the following pen for using ScrollTrigger for smooth scroll. https://codepen.io/ihatetomatoes/pen/PoZLpbp This scripts working fine with normal projects but unfortunately, when i used it with vue JS the scrolling is not working like the above one. I don't know how to fix this problem as i'm a beginner Can anyone please give me a solution