MohitR Posted January 22, 2023 Share Posted January 22, 2023 I'm working on an animation effect where the items appear as an overlay to the previous element on scroll, but when I use animation to translate Y, it adds extra white space at the bottom, which I don't want. I also experimented with the scroll snap effect. But that didn't work either. See the Pen eYjVpwm by mohitrj49 (@mohitrj49) on CodePen Link to comment Share on other sites More sharing options...
Cassie Posted January 22, 2023 Share Posted January 22, 2023 Hi there! I'm battling to understand what you're after, if you translate the position of the elements there will be some blank space - you've moved them and that space is then empty. Maybe you could explain in a little more detail what you're expecting to happen? Link to comment Share on other sites More sharing options...
MohitR Posted January 22, 2023 Author Share Posted January 22, 2023 17 minutes ago, Cassie said: Maybe you could explain in a little more detail what you're expecting to happen? I am creating a overlap effect, where each section is stacked and As the user scrolls down the page, the next section will appear over the previous element. The previous element should still be in scroll mode (little slower than the next) and not pinned. Link to comment Share on other sites More sharing options...
Cassie Posted January 22, 2023 Share Posted January 22, 2023 Maybe these demos will be of use? Sounds like you're trying to do parallax? A lot of that will be in the CSS setup. See the Pen KKpLdWW by GreenSock (@GreenSock) on CodePen See the Pen QWjjYEw by GreenSock (@GreenSock) on CodePen 1 Link to comment Share on other sites More sharing options...
MohitR Posted January 22, 2023 Author Share Posted January 22, 2023 Yes, I want to achieve the second option however, There is variable height of component as here See the Pen YzjeNPy by mohitrj49 (@mohitrj49) on CodePen . And in place of background, there is content in the sections Link to comment Share on other sites More sharing options...
Cassie Posted January 22, 2023 Share Posted January 22, 2023 We're happy to help point you in the right direction but we can't help build out demos to your exact spec - why don't you give it a go! We're here if you have questions. Link to comment Share on other sites More sharing options...
MohitR Posted January 23, 2023 Author Share Posted January 23, 2023 12 hours ago, Cassie said: why don't you give it a go! We're here if you have questions. I have tried and facing issues in it, I have already shared the problem here Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now