Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

RandallHolbrook

Members
  • Posts

    10
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

RandallHolbrook's Achievements

1

Reputation

  1. This was copied from one of the videos with the "Freds". Do I just use .to or .from and drop the tl? Also, help me to understand what "overwrite" does in: gsap.defaults({overwrite: 'auto', duration: 1}); I couldn't find it in docs.
  2. Thank you, Zach! I will implement this in my project. That is helpful, and makes a lot of sense. I could neve come up with that on my own. I look forward to joining the club when I get paid!
  3. Hi I am new to GSAP (not great at JavaScript to begin with) Client wants to mimic the scrolling effect (fade-in/fadeout) of sections/pages on https://meiomi.com/. No eCommerce, etc. I am using Oxygen Builder for layout. I have been struggling with getting GSAP and barba.js to work correctly. I am looking for a mentor to look at what I am doing and show me what I am doing wrong. I have a few hundred dollars I am willing to split off of what I quoted. The site is to go live Feb 12. Thank you, This is as far as I have gotten: https://codepen.io/RNDL/pen/LYRobjx
  4. I really appreciate your time. Thank you. if I switch one to y:-40, they animate up and down, but i would like them to fade-in up and fade-out up. It is happening here: https://codepen.io/RNDL/pen/LYRobjx
  5. OK, here is a simple ask, how do I make the h1 leave and enter moving in the same direction? tl.to("h1", {y:40, autoAlpha: 0, duration:.4}); tl.to("h1", {y:40, autoAlpha: 1, duration:.4}); they cancel each other out. I really have read the getting started, watched videos, did Carls' course. I think the pen I picked as a starting point is a bit above my JS skills, which was never one of my strong points. Thanks
  6. Hi Zach (and other helpful coders), Where ( and how?) would I create a timeline to include the h1 in this pen? As stated above, I need to animate the page content (like the h1 in this instance) like the x transition here, and then slide out before the section fades out. as it is, can scroll by the h1 animation quickly and stop it from ever playing again so i think the triggerActions is in the wrong place. I really appreciate ELI5 help! Am I heading in the right direction? updated pen: https://codepen.io/RNDL/pen/LYRobjx?editors=0010
  7. Thanks, Zach I tried using barba, the leave animation worked great, but the enter never worked. Again, I read there are issues with Oxygen builder and tried the remedies i found in those forums, but no good.
  8. Thank you. Can you navigate between pages using scrolltrigger? (It appears that is what the meiomi site does ?
  9. Hi all, I am new to GSAP and scrolltrigger, I may have bitten off more than I can chew. I told a client i could mimic the way the sections fade in and out on this page: https://meiomi.com/wines. I found "Looped "Scrolling" Section Transitions - ScrollTrigger" at https://codepen.io/RNDL/pen/ZEpRKbZ, thinking it was pretty close, as it opens sections without visually scrolling, but I need to animate the section content as well. I have a lot of questions. Is anybody willing to do a consultation with me to see what can and can't be done? A few things: I am planning on building the site with Oxygen page builder. I have a sandbox here: Seven Rings - Sandbox (randallholbrook.com) The content slowly disappears after a few scrolls, a blank section is created if I apply a footer to the page. Content on the second section doesn't animate (or show). The content is animating out, where I would just like a fade. I have been poring over the docs, did a snrkl.tv course, and watching lots of tutorials, but I am not quite getting the gist of combining the disparate parts into a whole. Thank you in advance for your help!
×