Jump to content

Kiefer Slaton

  • Posts

  • Joined

  • Last visited

Kiefer Slaton's Achievements



  1. Hi all, No CodePen as this is just a general strategy question. I'm building a site that is almost entirely ScrollTrigger based (think Apple's recent product sites where the whole experience is attached to the scroll). I'm running into an issue where my scroll experience is a good speed since I'm using a Magic Mouse, but my co-worker using a regular mouse with scroll wheel says he can blow through the entire site in about 5 seconds. Just curious if anyone has encountered this before and if so, what advice do you have on standardizing that across different scroll experiences? Thanks so much for your help.
  2. Hi all, I've spun up a codepen that represents an animation I'm doing on a much larger site. The map needs to zoom in such that the specific hexagon in the quartet on the map is superimposed under the lone hexagon on the page. I'm facing a unique challenge in that the hexagon's size is set in pixels and its position in vh/vw units, so I have to reference both when I'm doing the gsap transform. The problem I'm running into is that because the tl is initiated on page load, I'm losing the correct reference point if I resize the window. What's the correct way to update these references on resize? I believe the answer has something to do with the Modifiers Plugin, but I'm lost on how to actually execute it. Thanks so much for your help.
  3. Hey all, I've been beating my head on the wall with this for a while. I have an image carousel on my website that I've mocked up in this codepen. I essentially copied the carousel wrap example from the docs but changed the x positions to reference window.innerwidth. However, when I resize the window, the positions get all messed up and I can't figure out how to make them re-adjust on resize. Any advice? Thanks!