Agregué un botón de desplazamiento hacia arriba en mi página cuando el usuario navega un poco por la página. Y básicamente funciona perfectamente bien en el navegador de escritorio y en la versión móvil en el navegador de escritorio. Pero, si se prueba en un dispositivo móvil real, el comportamiento es diferente, aquí, si se desplaza con un gesto rápido, el sitio web continúa desplazándose, y si toca el botón de desplazamiento hacia arriba en ese momento, se desplaza hacia arriba pero todo el contenido desaparece (tarjetas y encabezado) y solo queda el fondo de altura completa, y solo después de eso, si se desplaza una vez más, el contenido vuelve a aparecer. Pero si espera después del gesto de deslizamiento para que se detenga el desplazamiento y luego solo presiona el botón, funciona como debería.

EDITAR: si se desplaza hacia arriba con behavior: "smooth" en lugar de auto , lo soluciona