Con este código conseguiremos que un elemento obtenga el 100% de la altura teniendo en cuenta la barra de navegación de los diferentes dispositivos móviles.
JS - Añadir en la landing.
CSS
/* Variable que obtendrá la altura */ :root { --app-height: 100vh; } /* Aplicamos la altura a la landing con la variable, valorar si usar height o min-height */ .landing{height: var(--app-height);}
Con este código se mostrarán los botones en scroll cuando no esté visible la landing en pantalla. Hay que cambiar la clase ".botones-fixed" por la que usemos
JS - Añadir en la landing.