Jump to content
Search Community

Jgoo321

Members
  • Posts

    4
  • Joined

  • Last visited

Everything posted by Jgoo321

  1. Hey @mvaneijgen, thanks for your reply. After doing some further research I actually found a CodePen similar to what I am trying to create... https://codepen.io/Andy199807/pen/dyqVrJL , from the thread (1) So that CodePen is doing pretty much what I want, but I would like the sections to not shrink, instead have their same size with the same effect. Here is a good example of that: https://vaynerx.com/#VaynerX. (2) I found that CodePen as I was researching another issue I was facing which is, on a trackpad, if I quickly swipe twice it calls the goToSection function twice. So for example, if I am on section1 -> swipe twice -> goes to section2 then immediately to section3 (https://codepen.io/GreenSock/pen/YzOBJbx). I am looking to change that so if the user swipes many times, while the section is transitioning, it only goes to the next and/or previous section. Thanks, Johnny Gangoo
  2. Hi Team, I have linked the CodePen from @GreenSock. My code has a similar basis of this idea, one of the main differences is the background for all of my sections are white. I am looking for guidance on creating a fade-out transition. When I scroll to the next section, the previous section should looking as if it is fading into the darkness and the current section is taking over. A similar idea of what I am looking for would be here: https://vaynerx.com/#VaynerX (imagine this with white backgrounds). Any help on this would be much appreciated. I have been trying to adjust the opacity on the timeline transition, but just can't quite get it. Thanks, Johnny G.
  3. @GreenSock Exactly what I was looking for, I appreciate the help.
  4. Hi Team, The codepen linked is one created by @OSUblake. I found this solution to a snap scroll concept I am implementing to work very well. There is one thing that I am trying to achieve that I seem to be heavily struggling on. When the page loads or on page reload, how can I prevent the animation from taking effect on the first section? Essentially, I want section1 to be the page that the user first sees (without the section animating into the viewport), instead of the current effect it has now which is to "gotoSection(0,1)". Thanks, Johnny G.
×
×
  • Create New...