La tarea es devolver verdadero si la parte inferior de la página es visible. Podemos lograr esto simplemente usando la altura de la ventana y la altura de la ventana desplazada.
Acercarse:
- Aquí primero crearemos una función que será llamada cada vez que uses el scroll .
- Ahora comprobaremos si la parte inferior es visible cada vez que se llama a la función utilizando la altura de la ventana y la altura de la ventana desplazada.
- Y almacenamos el resultado dentro de la variable flag y lo imprimimos en la consola.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible"
content="IE=edge">
<meta name="viewport"
content="width=device-width,
initial-scale=1.0">
<title>Bottom Visible Javascript</title>
</head>
<body>
<h1 style="margin-bottom: 1000px; color:green">DSA</h1>
<script>
window.onload = function() {
window.onscroll = function() {
let flag =
document.documentElement.clientHeight + window.scrollY >=
(document.documentElement.scrollHeight ||
document.documentElement.clientHeight);
console.log(flag);
console.log("GFG scrolled ");
};
};
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por rajatagrawal5 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA