Martin Erren

Hey Jack thank you for your efforts ... I am not used to asking for help in forums ... first time since 25 years of working as a developer ... I check all this stuff out, if there ist time ... for now I go with your approach mentions before ... the other here mentioned idea shows some errors on the different mobile devices ... in future we will use GSAP more often for our projects , at the moment I still have some problems on mobile devices, but I think its getting better . and now I know where to put my questions ... Kind regards, Martin PS: sry for my English Skills !

Hi Jack, this helps ... I am going to test this on mobile and other devices ... but for now it really helps ... is it also possible , that you just have a short look on my codepen above ... I also want to understand what happens there. So, if you have any comments to my example , I would appreciate it. Thx, Martin

https://codepen.io/martin3r/pen/OJzzaWE Hi Cassis, Here is one problem I see ... every time you click on the "click me" button the text moves ... Best, Martin PS: if I click within this environment here the text moves down ... in a fullscreen environment in codepen.io it moves up I really have no idea ...

Hey Cassie, thx for your offer ... to break things down, so that you really can help needs a bit time ... otherwise as you say it is to difficult do get the problem ... for now I reduce as much as I can ... I tried ScrollTrigger.refresh() , but it does not change the behavior of the side ... it seems that the trigger do not work correctly after reinstantiate smoother ... all container with the data-speed attribute are moving some pixels up or down ... animations who depends on Scroll Trigger do not work correctly ... Find attached some js and tho images who show the position of some text before and after closing (reinstantiate and refresh) the modal. Martin let smoother; function smootherSetup() { smoother = ScrollSmoother.create({ smooth: 2, effects: true, smoothTouch: 0.1 , normalizeScroll: true, ignoreMobileResize: true }); } function triggerUpdate() { ScrollTrigger.refresh() } smootherSetup(); var myModalEl = document.getElementById('gruenderModal') myModalEl.addEventListener('show.bs.modal', function (event) { }); myModalEl.addEventListener('hide.bs.modal', function (event) { smootherSetup(); triggerUpdate(); });

Hey Cassie, this is not that easy ... here are many components that may cause these problems. At the end there are for sure some things, that do not work as I accept things should work ... for now , I have to do some work to break things down and see what happens ... if I got some ideas, I am going to write an update ... thx for your help. Best Martin PS: in this case I also run out of time ... so maybe I have to think about a workaround ... maybe locomotive scroll is an option ...

Hi. Here a link with the draft version of the customer project: http://wienerwald.gastro-holding.de user:password -> gsap:gsap thx for your reply. Kind regards, Martin PS: you can open a modal by clicking at the red marked text passages ...

Hi, i have similar Problems. In my case I am using Bootstrap Modals. Next SmootherScroll I have some ScrollTrigger applied to my site ... My first approach was to kill and recreate. Kill is working as aspected. The Bootstrap Modals do work. But recreate does not help ... afterwards all animations to not work as aspected. The trigger Elements seem not to work correctly and elements with the attributes data-speed are replaced after closing ... paused() would do it, but in most Modals I need scrolling as well, so it is not really an option ... any ideas? Thx and Kind regards, Martin