La propiedad Window pageXOffset se utiliza para devolver los píxeles del documento actual que se han desplazado horizontalmente desde la esquina superior izquierda de la ventana. Es una propiedad de solo lectura y devuelve un número que representa la cantidad de píxeles que el documento ya se ha desplazado desde la esquina superior izquierda de la ventana horizontalmente.
Sintaxis:
window.pageXOffset
Valor de Retorno: Devuelve un Número que representa el número de píxeles que el documento ya ha sido desplazado desde la esquina superior izquierda de la ventana, horizontalmente.
El siguiente programa ilustra la propiedad Window pageXOffset:
obtener los píxeles que el documento ya se ha desplazado desde la esquina superior izquierda de la ventana horizontalmente.
html
<!DOCTYPE html>
<html>
<head>
<title>
Window pageXOffset Property in HTML
</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
div {
border: 2px black;
background-color: yellow;
height: 100px;
width: 2000px;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Window pageXOffset Property</h2>
<p>
For returning pixels that the document has
already been scrolled from the upper left
corner of the window horizontally, double
click the "Check pageXOffset" button:
</p>
<button ondblclick="offset()" style="position:fixed;">
Check pageXOffset
</button>
<div>
</div>
<script>
function offset() {
window.scrollBy(100, 100);
alert("pageXOffset : " + window.pageXOffset);
}
</script>
</body>
</html>
Producción:
Después de hacer clic en el botón
Navegadores compatibles: los navegadores compatibles con Window pageXOffset Property se enumeran a continuación:
- Google Chrome 1 y superior
- Borde 12 y superior
- Internet Explorer 9 y superior
- Firefox 1 y superior
- Ópera 3 y superior
- Safari 1 y superior
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA