float physics - Gentle float: button disappears (only desktop) & stutters (only mobile, tablet)

[arminunruh]

hey! hmm i cant see it disappearing. what browser are you using where it disappears?

ok it stutters on phone and ipad sometimes, hmm what models do you have?
for me it animates really smooth and fluid on my phone. and i have a iphone 12 pro
maybe on older devices it doesnt work as fluid mmh

so i cant really reproduce this.

[afb]

Desktop and Tablet (iPhone is fine)
If you scroll down here https://www.annette-fischer.com/work/
at some point the button disappears/it looks like the button is just one level backwards/ in the background or sth like that..

I use iPhone 13 an iPad Air (5. Gen) and Mac book pro 2023 and test always on all browsers (chrome, firefox, safari)

thanks Armin!

[arminunruh]

ah i see!

can you click "layers" then make sure the floating element is at the very top so it overlaps everything?

about the performance im not sure.. it seems to be really fluid for me and my device is older than yours hmm its weird

and does it stutter on all browsers or just one?

[afb]

Thanks so much Armin!
The floating element is now at the very top = problem solved.
The stuttering seems to be gone as well... (firefox, safari, chrome) = problem solved.

[arminunruh]

ok nice!

[afb]

Hello Armin, the stuttering on mobile and tablet (firefox, safari, chrome). Desktop is still fine... thanks for the effort...

[arminunruh]

okay, I will release an update today that will have some performance improvements because maybe now it's stuttering because you use those two WebGL animations.

[afb]

Hi Armin, my laytheme is updated. The stuttering - when scrolling - still exists on mobile devices, all browsers... thanks for checking

[arminunruh]

https://www.dropbox.com/scl/fi/qkx64us7n4h1zz6fr5wfi/ScreenRecording_07-28-2026-11-28-22_1.MP4?rlkey=be9hvhbey9r5dciwcnywz0c7h&st=k9u3dn57&dl=0

Hey, I recorded this video for you, and you can watch it above. I really can't replicate the stuttering, and I already did some optimizations, but at the moment I really don't know what else I could do. My recommendation to you would be to just disable the float physics for phone.

[arminunruh]

you could also try to disable the WebGL animations that you have on your page, like both of them, and see if that makes any difference. Maybe it's just too much going on, too much to handle for your phone. I don't know

[afb]

Hi Armin, thanks so much.
See here: the yellow element...
https://www.annette-fischer.com/work/
https://www.annette-fischer.com/about/

[afb]

Hi Armin, can you check this one last time? Otherwise I need to delete it on tablet & mobile. thank you !!
See here: the stuttering yellow float physics element (button)...
https://www.annette-fischer.com/work/
https://www.annette-fischer.com/about/