AaronRF

Thanks @Rodrigo, I'll give this a try!

Hello! Looking at the CodePen example, you can see that the position of the #slidingElement div is controlled with a draggable div (#DragItem). This is working beautifully but I've just learnt that #slidingElement itself should also be draggable, meaning that the progress of both the #slidingElement and #DragItem position need to be tracked and tied together accordingly. I tried to implement similar functionality for the #slidingElement as I did with #DragItem but the functionality falls apart and they conflict with each other. I've stripped it back to a usable state for the time being but I hope this makes sense, I'm not 100% sure how I can go about achieving this and was hoping someone could shed some light on where I can go from here. Many thanks, Aaron

Hi @Rodrigo, 🤦‍♂️ Total facepalm moment, thank you for picking up on that! Thanks for the resources also, I've been looking over them and they definitely feel more like home to me. I imagine we'll be mixing both react components and vanilla JS in an upcoming project, so it will be nice to use an animation library that's more framework agnostic than what Framer Motion offers. Going forward I anticipate GSAP becoming a staple in our future projects. Thanks again!

I'm currently running some R&D for a project that requires GSAP, which is outside of my typical scope of using Framer Motion and React. I'm really enjoying playing around with your library and looking forward to adding it to my toolkit. I've created a little interactive card slider for testing - I only want my animation functionality to initialise and execute on viewports wider than 800px but not on viewports less than 800px. If I load the document on smaller devices then I get the desired result but if I increase the viewport width above 800px and reduce it back down, the functionality persists, which is not desired. It's been a little while since I've worked with vanilla JS and probably missed something from your docs but a second pair of eyes would be greatly appreciated. Thanks!