pageXOffset ventana y la propiedad pageYOffset
Definición y Uso
pageXOffset Establece o devuelve la página actual con respecto a la esquina superior izquierda de la ventana del área de visualización de la posición X. pageYOffset Establece o devuelve la página actual con respecto a la esquina superior izquierda de la posición Y visualización de la ventana.
gramática
window.pageXOffset
window.pageYOffset
window.pageYOffset
Soporte para el navegador
Todos los principales navegadores soportan pageXOffset y pageYOffset propiedades.
Nota: IE 8 y versiones anteriores de IE no soporta esta propiedad, pero se puede utilizar el atributo y "document.body.scrollLeft" "document.body.scrollTop".
Ejemplos
Ejemplos
Desplazamiento de contenido 100 píxeles y el pop pageXOffset y pageYOffset:
<! DOCTYPE html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
</ Head>
<Head>
<Script>
ScrollWindow funcionar () {
window.scrollBy (100,100)
alert ( "pageXOffset:" + + window.pageXOffset ", pageYOffset:" + window.pageYOffset)
}
</ Script>
</ Head>
<Cuerpo>
<Input type = "button" onclick = "ScrollWindow ()" value = "scroll" />
<P> desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento </ p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<P> desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento </ p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<P> desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento </ p>
</ Body>
</ Html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
</ Head>
<Head>
<Script>
ScrollWindow funcionar () {
window.scrollBy (100,100)
alert ( "pageXOffset:" + + window.pageXOffset ", pageYOffset:" + window.pageYOffset)
}
</ Script>
</ Head>
<Cuerpo>
<Input type = "button" onclick = "ScrollWindow ()" value = "scroll" />
<P> desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento </ p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<P> desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento </ p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<P> desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento de desplazamiento </ p>
</ Body>
</ Html>
Trate »
objeto de la ventana