Soy nuevo en Angular y creé una aplicación usando paso a paso de material angular que tiene algunos pasos y algunos pasos tienen contenido más largo, por lo que la página se puede desplazar. Así que estoy buscando una forma de detectar si una página o su contenido es más grande que la altura de la pantalla para poder mostrar una imagen o animación de "Desplazamiento hacia abajo". Si no es desplazable, no quiero mostrar esa animación.
Sé que a la derecha aparece una barra de desplazamiento, pero quiero agregar esto de todos modos. ¿Cómo me acerco a resolver este problema?
Puede comparar la altura de desplazamiento del documento con la altura de la ventana.
setInterval(function() { console.log(x = document.documentElement.clientHeight); console.log(y = document.body.scrollHeight); console.log("document has scroll: ", y > x) }, 1000) <div style="height: 600px"> a div... go to full page and scroll will be gone </div>