Jump to content


  • Posts

  • Joined

  • Last visited


0 Newbie
  1. Thanks Point C, How do I skip the duration? If I take it and the tween durations then nothing shows up?
  2. I have the following: var secOne = new ScrollMagic.Scene({ triggerElement: '.section-a', triggerHook: 0, duration: $(window).height() - 100 }) .setTween( new TimelineMax() .add( TweenMax.fromTo(['.section-a .svg-a'], 0.5, { autoAlpha: 0 }, { autoAlpha: 1, force3D: false, ease:Power4.easeNone }) ) .add( TweenMax.fromTo(['.section-a .text-a'], 0.5, { autoAlpha: 0 }, { autoAlpha: 1, ease:Power4.easeNone } ) ) ) .setPin('.section-a') .addTo(controller); Which is fine apart from the fact that the animations have to come in smooth no matter how fast the user scrolling up or down. In this case if the user scrolls to fast then the animated parts suddenly show up. Is there a way to slow down the tween so that no matter if the user scrolling really fast they'll always get a smooth in out response from the animated tween? As you can see I have tried 'ease:Power4.easeNone' and that works to a degree but there's really nothing that stops it from zooming in on a fast scroll movement. Also I know scroll jacking is the work of Beelzebub but I'm being forced into this against better reasoning. Thanks
  3. Wow, thanks Manfred! That's awesome! I'll have a play around with that and see where it goes : ]
  4. Hey PointC Thanks for the links, I have seen the I hate tomatoes guy before but I am not familiar with Blake's work, I check it out. Thanks
  5. hi, I'm trying to recreate the functionality of this New York Times page where as you scroll down the background fades into the section below and text elements can scroll over the background images before fading into the next row/section. I have made a start http://codepen.io/heavymessing/pen/WjbVNJ but it looks kind of clunky and I was wondering if there is a way to do it with scrollMagic and GreenSock. I have another version http://codepen.io/heavymessing/pen/zwGJLx but I don't know how to get one section fading in over the other? thanks,
  6. I'm very new to GSAP This is my first time messing about with it and it's very cool. So I haven't attempted the following yet because I'm not sure if its just too bonkers and I'm not sure where to start. Is it possible to stick a full section slider (also made with GSAP) http://codepen.io/MAW/pen/yYradO/ into say a middle section of a one page site (that I have been messing about with here) http://codepen.io/heavymessing/pen/eZovmP. So the user would scroll or click to a section with slides and click through them left to right, or just to the right. Ultimately I'd like to do something like the fullpage.js plugin but without as much scroll jacking and nicer animated effects. Thanks