Martin Erren
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by Martin Erren
-
-
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
-
1 hour ago, Cassie said:
Sorry Martin, I should have stated.
I'm specifically looking for a codepen or codesandbox demo. A minimal demo - just the smallest amount of code possible to recreate the issue.See the Pen OJzzaWE by martin3r (@martin3r) on CodePen
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 ...
- 1
-
6 minutes ago, Cassie said:
Do you have a demo showing the issue?
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, MartinPS: 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
Scrollsmoother and modal
in GSAP
Posted
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 !