Tecnología

Inicio

Cómo mover las barras de desplazamiento al principio Uso de JavaScript

Cómo mover las barras de desplazamiento al principio Uso de JavaScript


Desplazándose hasta la parte superior de una página web puede disminuir la productividad, especialmente si la página es larga. Un visitante del sitio Web puede desplazarse a diferentes lugares en una página Web utilizando varios métodos, incluyendo ruedas de desplazamiento, teclas del teclado e incluso los gestos de ratón. Si desea realizar tareas de desplazamiento de un usuario un poco más rápido, añadir una simple función JavaScript para el código HTML que mueve las barras de desplazamiento a la parte superior de forma automática.

Instrucciones

1 Abrir un documento de página Web que tiene suficiente contenido que requiere que los usuarios desplazarse por la página para poder verla.

2 Pega este código HTML en la sección de documentos "cuerpo":

<Input type = "button" value = "Mover la barra de desplazamiento hacia arriba" onclick = "scrollToTop ( '0', '0')" />

Este código crea un botón que permite poner a prueba la función JavaScript scrollToTop que se mueve la barra de desplazamiento. El botón pasa dos ceros a la función.

3 Agregue el código que se muestra a continuación en la sección "guión" de su documento:

scrollToTop funcionar (horizontal, vertical) {
scrollTo (horizontal, vertical);
}

Esta función JavaScript acepta los dos parámetros que recibe. Esos parámetros verticales y horizontales - - contienen los valores de la función utiliza para determinar dónde mover la barra de desplazamiento. El parámetro horizontal se refiere al número de píxeles desde el borde izquierdo del navegador. El parámetro vertical se refiere al número de píxeles desde la parte superior del navegador de los navegadores. Desde el botón pasa ceros para estos dos parámetros, la función scrollTo muestra en el código mueve la barra de desplazamiento del navegador para la parte superior.

4 Guarde el documento. Abra un navegador y ver el documento. Desplazarse hasta la parte inferior de la página utilizando el puntero del ratón, a continuación, haga clic en el botón. La función de JavaScript se ejecuta y se mueve la barra de desplazamiento a la parte superior de la página