Jump to content

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

Joshua Harmon

  • Posts

  • Joined

  • Last visited

Joshua Harmon's Achievements

  1. Actually that's where I got stuck I can no longer scroll to section 2.
  2. Hi, I'm trying to permanently pause a timeline on "onEnterBack" in ScrollTrigger but I can't seem to get it work. I tried Timeline.kill() but it left a "pin-spacer" div with a huge height. What am I doing wrong here? CodePen https://codepen.io/joshuah46/pen/vYeWWBQ
  3. Hi, I have a ScrollTrigger animation which works flawlessly except on browsers like Safari mobile where the browser height changes because of expanding UI elements. I did some Googling couldn't really find anything that I haven't already tried. My problem is when the URL bar shrinks I get a very visible white bar on the bottom of the screen. Screen recording on iPad: https://www.loom.com/share/b99c3ae0b6b0449aae06385559dcfab3 Codepen: https://codepen.io/joshuah46/pen/vYeWWBQ
  4. Huh, interesting I never really looked into the SVG. It's a fork of this. I didn't know SVGs had special markup for effects. I commented out the Fe stuff it works fine now on my MacBook and iPad Pro I apologize for the mistake this is on me.
  5. There's only one filter in the whole animation and it's invert() it just changes the color from black to white for the stick man figure PNG. You can remove it. It makes no difference. I don't know where you're seeing gaussian blur
  6. Hi, I have a SVG which is animated via DrawSVG Plugin. It's a very simple animation with just 3 elements, it seems to be working fine in all browsers except Safari. I tested it on a i7 Retina MacBook Pro and iPad Pro 2018 Both of the devices were playing the animation in 10-15 FPS. I have attached the codepen and screen recording in the attachments. Is there anything that can be done about this? Thanks. ipad-pro.mp4
  7. Hey, Interesting, I didn't think of a timeline initially because both the animations where inside the same section. (I'm very new to GSAP). Anyways, thanks for taking the time to reply really appreciate it.
  8. Hi, So I have a quite simple animation where an iPhone mockup comes up from the bottom of the screen and gets pinned after that an image sequence animation is supposed to play. But my I can't seem to figure out why the iPhone won't stay pinned and play the image sequence animation. I tried changing the iPhone scroll trigger to .main-container but that only made it worse. Any guide or help is appreciated. Thanks. Codepen url: (Please open in new tab) https://codepen.io/joshuah46/full/vYeKdoV
  9. That worked, I'll keep that mind. Thanks a lot!
  10. Hi there, thanks for replying what I meant is at the end of the animation the position of the stick man figure is the original position I would like it to rotate from that position. The stick man figure in the video goes from fallen position to standing position. It should be the opposite.
  11. Hi, I'm new to GSAP and almost got my animation working except the rotating element in the timeline. I'm trying to rotate an element but it doesn't seem to rotating correctly it rotates in negative and returns to the original position. I have tried OriginTransform but it didn't work. How do I rotate it from the original position? .from(man, 0.5, { rotation: 43, }, 1.8, '-=0.5') I have recorded a short video of the animation https://www.loom.com/share/23f6791cd6334d80856a4ae976eb7f8f