Tommie.lehmann

Hi Rodrigo I am having some problems .. not sure I really get the observer plugin.. I have been looking for examples but didn't find any on topic. Could you hint me in the right direction? Sorry and pls disregard if this is beyond the scope of the forum..

Hey Rodrigo, thanks man.. that what of course what I didn't think of..

Pls have a look at my pen:https://codepen.io/tommie-lehmann/pen/oNabRdv I have been trying to work with an effect like this https://spaincollection.com/destinations/north-of-spain/nature but on horizontal sections.. I have the expand and tried all sort of resize event listeners but somehow I can't make it maintain scroll position and push out both up and down to expand.. pls.. I am not a pro is this but really trying to learn.. any suggestions? I would of course like the expanded section to end up centered on screen.. By the way I still didn't figure out why the smooth transition isn't working before second click?

Hi there thanks for brilliant answers.. I am very new to coding so pls bear with me.. I have a similar problem but I had so many changes so I have now one container(section) for over 1000 px and one for below.. works fine with display either "none" or "flex".. To make things worse I made a codeblock in each container with GSAP timeline for appropriate animations.. however since they both have pinspacing: true, and end: +=300% due to subsequent elements - the timeline in the container not on display still puts in blank space. My question is that if I keep the layout, could I set a var to look for display=none and then kill the progress in both blocks to make it work? Or do I have to put TL1 and TL2 in the same codeblock and do the media query.. I am trying not to mess up my website of course.. hehe.. Hope someone will answer even it might be a terrible solution or weird question..