Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by Thisjustin

  1. Thanks @Rodrigo! This is pretty much what I was thinking, although you're right it's maybe a bit of a weird effect. Basically I wanted to have the element be somewhat effected by the mouse passing through it but not completely – like waving your hand through smoke or something. Not asking you to solve that problem just explaining myself. I thought I had tried onMove in Draggable but perhaps I didn't have it set up right. Your example works but I'll keep playing with it!
  2. Hello, I'm trying to create a Draggable element with Inertia but I would like it to without clicking down to drag. Elements would interact with the pointer as if they were being dragged and moving the pointer quickly would initiate a throw. I know this isn't technically dragging behaviour but it would be sort of similar to how Draggable works on a touch device no? Am I missing a very easy setting in Draggable to turn this on? I know that with Observer you can define onMove which will fire for all movement when hovering over the trigger element. Not sure what to do from there though. Is there some way to combine these two concepts to achieve what I'm imagining? Is there another approach I should be taking? Thanks in advance for your help!
  3. Hello, I'm trying to animate a slideshow using ScrollTrigger & scrub. I have snap set up and it works ok, but if you scroll with too much momentum you'll blow right past a slide/snap point. Is there a way too make the snaps mandatory? I don't think I can use CSS as the slides are absolutely positioned on top of one another. Also with less momentum the snap animation seems to take a very long time to start. I would like the snap to happen at roughly the same speed regardless of momentum, is that possible? Apologies if this has been covered somewhere else, I did my best to read the docs and search the forum.
  4. Thank you for the response. I obviously didn't read the docs correctly! I'm still not 100% sure why one works and one doesn't as I think they're identical, but your solution is definitely more elegant and removes that ambiguity.
  5. Hello, I've run into an odd situation where an animation I've done successfully before is no longer working. It's as if the svgOrigin parameter is being ignored. The example in this post is incorrect, I will post the correct version as well. But I cant' figure out why the two are behaving differently. Incorrect version (second pen): The circles should be expanding from the point indicated by the red dot. https://codepen.io/Thisjustin3141/pen/zYaaEjg
  6. Hello, I'm new to GreenSock and just trying to wrap my head around it. I have a project where I'd like to have a pinned element display a slide show that progresses with the scroll position. When the end of the slide show is reached the parent element is unpinned. The slides are absolutely positioned on top of one another and then their opacity should change in sequence with the scroll position. I've been able to get the first transition to occur (although I'd actually like to be able to delay it) as the first slide begins to fade out when the parent element hits the top and gets pinned. After that I get a little lost. My attempts to make the second slide fade out haven't worked as I don't know what to use as a trigger once the parent becomes pinned. I want to do something like: start: 'top top-=100%' So that the start of the second transition occurs after the pinned container reaches the top, but this does not appear to be valid. Appreciate any advice, perhaps I'm going about this the wrong way? Thanks in advance!