Tecnología

Inicio

Cómo Obtener Tamaño de página y de la voluta en JavaScript

JavaScript permite identificar la altura de la ventana de un usuario y se desplaza por la página automáticamente. La técnica debe utilizarse con moderación en una página web, ya que no proporciona una buena experiencia de usuario cuando el navegador consistente desplaza automáticamente al final de la página. Se utiliza la clase de ventana para detectar el tamaño de pantalla y desplazarse a través de la página Web.

Instrucciones

1 Haga clic en la página HTML que desea editar. Haga clic en "Abrir con" y seleccione el editor de HTML que desea utilizar. Haga clic en "Abrir" para abrir la página en su editor.

2 Crear una etiqueta de script JavaScript en el código HTML. Copiar y pegar las siguientes etiquetas de script para la creación de una sección de JavaScript en su página:

<Script type = "text / javascript"> </ script>

3 Escriba el siguiente código para recuperar el tamaño de la pantalla:

var = screen_size window.innerHeight;

El código recupera la altura de la ventana del usuario, en píxeles, de manera que puede desplazarse a una sección dentro del navegador o al final de la página.

4 Escriba el siguiente código para desplazarse por la página:

window.scrollBy (0100)

El código anterior se desplaza hacia abajo por 100 píxeles. El primer número es el número de píxeles para desplazarse horizontalmente. El segundo número de la ventana igual para desplazarse verticalmente. Puede desplazarse hacia la parte inferior de la página utilizando la altura de la pantalla recuperada en el paso 3. Por ejemplo, el código siguiente desplaza a la parte inferior de la página:

window.scrollBy (0, screen_size)


Artículos relacionados