pikemilsner

Howdy folks, I've spent most of the afternoon on this, just about have it hacked together. My JS chops are weak at best, thanks for any guidance in advance I'm missing a method to reset my timeline element (.modal) positioning as to recalculate the active modal distance from the top of the viewport. Works nice for the first modal, before scrolling, but the second modal as you'll see uses the initial top: $(document).scrollTop() even though the doc has been scrolled. Goal: Make the modal 100% viewport height and width, fixed top, while animating from the clicked button. Cheers ~ MP

Howdy, I've just recently started learning and playing with GSAP. Anyone able to guide me in the right direction to fix up the attached Pen? Specifically, I'm having trouble: Reversing only the active / open modal's timeline (or, eventually I'll have a dedicated timeline for the closing animation, if that's easier) This is off topic I'm guessing but I'm also attempting to stick the non active modal in place on the page. The goal is when a modal is active, the inactive "inline" modals don't shift positioning. I understand I could do this by using standalone buttons which launch hidden content but I'm hoping to get more of a card-to-modal than a button > launch modal effect. Cheers, -- mp