Zilli

Sorry for the late reply. I went for another more solid approach as was recommended. Thank you.

So while I was deconstructing the codepen I did another test whether it was still functioning. I kept the CS and HTML as is for now since I took out the navigation that used a chunk of the JS. Turned out it works when just using the necessary JS for this particular function. Seems like there is a conflict happening with the rest of the JS I think. So, to me it doesn't look like a GSAP specific issue. Thank you for letting me take a deeper look. https://codepen.io/fish-Stick/full/xxRrVqL I do hope that I could get some advice on how I could approach this? I'm not that experienced on OOP. If not, I'll try something else. Thank you for your time.

Hi Jack, thanks for replying. I’m actually not that familiar with gsap. I actually thought that the problem would occur in the type of layout I was using, hence the chunk of code in the html. Since I was using a functionality that is from this forum. to answer your questions, 1.) I discovered the outerHeight issue after I implemented it. Like I said; i’m not that familiar with gsap, found the lib, liked it. Used it for simple tweens, wanted to use something that collapses and expand with slick gsap tweens googled this, ended here and found this on the forum. I was hoping that it was a known issue maybe? 2.) I’m not sure but I was hoping that the person who posted the codepen on the GSAP forum maybe could respond? Since it’s a dated post your colleague suggested that I made a new post. Thats why i’ve posted the post referral and codepen that was used in that particular post, in this post. 3.) sorry, posted it last night in kind of a hurry before I went to bed, because your colleague asked for it and did not know that a minimal Demo was a thing which had guidelines. I only stripped the html and not the css and JS. I’ll strip it asap. Thanks.

Please open the codepen in fullscreen in safari in order to recreate the issue.

Hi, I've been using a Gsap Collapse codepen from a older topic on this forum; I was told to set up a new topic so here it is. I've been using the code from the following codepen: https://codepen.io/osublake/pen/aVYKEv It works partially. Probably it's a bit dated and I'm using the latest GSAP version to get it to work. It works great in chrome but I encountered a browser issue with safari though. For some reason when expanding the pane in Safari, the outerHeight differs from chrome. Here's the catch though; It works sometimes and sometimes it doesn't. At times the content overlaps the other elements + the footer on the page instead of pushing it down. I know that the outerHeight in safari is calculated different compared with chrome but it doesn't explain why it works sometimes. I hope that someone can give a possible solution for this. My own codepen is included. *it looks like it's working properly in the codepen. Thanks so much.

Thanks for your reply. I'll set up a codepen.

The outerHeight doesn't get recalculated when reversing the action on mobile. On collapsing, there's a big gap left. Does anyone have a solution for that?

This is exactly what I was looking for!

Thank you for noticing. I indeed saw that and corrected it. It's working perfect now.

Ah okay. Ik thought that everything was included. Thanks so much for clarifying!

Hi, I have been using gsap tweens in my project using the full member minified version of Gsap and it has been working fine. I wanted to use the ScrollTrigger plug-in to time an animation on scroll and followed the tutorial on that but it already shows ScrollTrigger as unidentified. I know the minified version is working since i'm using it for other elements. For testing purposes I added the register and the tween in a separate js file and linked it in the html file. I register the plugin at the beginning of my script file as such: /* gsap plugins */ gsap.registerPlugin(ScrollTrigger); and at the end of the document adding the gsap tween: gsap.from("#section-2", { ScrollTrigger: "#section-2" rotation: 15, y: 15, duration: 0.5 }), I thought that the ScrollTrigger plug-in was added in the full version? Thanks