Some elements disappear

[esterfrontend]

Hello 👋

Describe the bug When scroll down some elements disappear and they suddenly appear when scrolling up.

Screenshots Youtube video to see the trouble on chrome. https://www.youtube.com/watch?v=Tfuvsa-64f8

Desktop:

• OS: iOS
• Browser: chrome, firefox
• Version 4.1.4

I could fix it on Chrome using:

.has-scroll-smooth [data-scroll-container] {
    transform: perspective(1px);
}

This fix is not working in firefox.

Thank you 👊

[naptestdev]

This trick works well for me

[data-scroll-container] {
  perspective: 999999px !important;
}

[esterfrontend]

It is not working on Firefox

[BleXor]

Was playing with GSAP and Locomotive - had the same issue - while scrolling up, elements (images) were invisible, unless I scrolled them like 70% into view .. This fixed the issue for me in my little demo:

[data-scroll-container], [data-scroll-section] { transform-style: preserve-3d; will-change: transform; }

[Venegrad]

Thank u, u guys my bro )

[QuintonC]

Was playing with GSAP and Locomotive - had the same issue - while scrolling up, elements (images) were invisible, unless I scrolled them like 70% into view .. This fixed the issue for me in my little demo:

[data-scroll-container], [data-scroll-section] { transform-style: preserve-3d; will-change: transform; }

This worked for us. Thanks! :)

[mariosever]

This worked for me: html.has-scroll-smooth { overflow: hidden; /* fix */ position: fixed; left: 0; right: 0; top: 0; bottom: 0; }

[hys25]

Thank you for the suggestion, perspective(1px) works!

[akimlyubchenko]

This worked for me: html.has-scroll-smooth { overflow: hidden; /* fix */ position: fixed; left: 0; right: 0; top: 0; bottom: 0; }

thanks. fixed