Sawqa172 Posted July 31, 2021 Posted July 31, 2021 Hello everyone, I wanted to repeat this example of the menu as much as possible, but it's not very successful to make such scrolling, I don't even know what properties to change when scrolling, help with advice. Thanks. My codepen : This menu : https://themarcus.com/ Click on INDEX for open menu See the Pen GRmdLjB by sawqa172 (@sawqa172) on CodePen.
Cassie Posted July 31, 2021 Posted July 31, 2021 Heya! I'd suggest looking into scrollTrigger - think of the menu as a big circle with the center of origin off to the left of the screen.
Sawqa172 Posted July 31, 2021 Author Posted July 31, 2021 8 minutes ago, Cassie said: Heya! I'd suggest looking into scrollTrigger - think of the menu as a big circle with the center of origin off to the left of the screen. Sorry, maybe I misunderstood, but I repeated the menu that I need, my version is in codepen, and the link to the menu from which I repeated:https://themarcus.com/ (click to Index for open menu) I can't figure out what properties to change when scrollTrigger to get a similar effect when scrolling. Thanks.
Cassie Posted July 31, 2021 Posted July 31, 2021 Sure - so the rote property would be the one. Think of the menu container as a big circle and rotate that
Solution mikel Posted July 31, 2021 Solution Posted July 31, 2021 Hey @Sawqa172 Welcome to the GreenSock Forum. Maybe this demo will lead you to your goal. See the Pen abWGrXX by mikeK (@mikeK) on CodePen. Happy scrolling ... Mikel 2
Sawqa172 Posted August 2, 2021 Author Posted August 2, 2021 On 7/31/2021 at 4:49 PM, mikel said: Hey @Sawqa172 Welcome to the GreenSock Forum. Maybe this demo will lead you to your goal. Happy scrolling ... Mikel Thanks
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