Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Some elements disappear

See original GitHub issue

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 👊

Issue Analytics

State:
Created a year ago
Reactions:3
Comments:5

Top GitHub Comments

4reactions

BleXorcommented, Jun 8, 2022

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; }

0reactions

QuintonCcommented, Aug 19, 2022

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! 😃