La propiedad WheelEvent.deltaY en HTML se usa para devolver un valor doble positivo cuando la página web se desplaza hacia abajo y un valor doble negativo cuando la página se desplaza hacia arriba; de lo contrario, devuelve cero. Es una propiedad de sólo lectura.
Sintaxis:
event.deltaY
Valor devuelto: Devuelve un valor doble que indica la dirección de desplazamiento de la rueda del ratón.
- Un valor doble positivo representa que el mouse se desplaza hacia abajo.
- Un valor doble negativo representa que el mouse está desplazado hacia arriba.
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>DOM WheelEvent deltaY Property</title>
</head>
<body onwheel="Geeks(event)"
style="text-align:center; height: 5000px;">
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h2>
DOM WheelEvent deltaY Property
</h2>
<p>Scroll to see effect:</p>
<p id="p"></p>
<script>
function Geeks(event) {
var doc = event.deltaY;
document.getElementById("p").innerHTML = doc;
}
</script>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con la propiedad deltaY se enumeran a continuación:
- Apple Safari 8.0
- Google Chrome 31.0
- Borde 12.0
- Firefox 17.0
- Ópera 18.0
- Internet Explorer 9.0
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA