Cómo controlar la posición de la barra de desplazamiento de toda la página en js

Existen dos métodos.

1. Controle la posición de la barra de desplazamiento vertical cambiando el scrollTop del div. Controle la posición de la barra de desplazamiento horizontal cambiando el desplazamiento a la izquierda del div.

Ejemplo:

lt;bodygt;

//d1 es el div externo con barra de desplazamiento

lt;div id= ' d1' estilo = 'alto: 200 px; ancho: 100 px; desbordamiento: automático; fondo: amarillo' ；2222lt;/divgt;

lt;/divgt;

lt;/bodygt;

lt;scriptgt;

documento. getElementById('d1').scrollTop=100; //Desplácese a la posición 100 a través de la configuración de scrollTop

document.getElementById('d1').scrollLeft=200 //Desplácese a la posición 200 a través de la configuración de scrollTop

lt;/scriptgt;

2. Utilice anclajes html

de la siguiente manera:?

lt; "gt;aaaaalt;/agt;

lt;div?id="test"gt;lalallalalalalalt;/divgt;

Información ampliada:

1 JavaScript es un lenguaje de secuencias de comandos de red que se ha utilizado ampliamente en el desarrollo de aplicaciones web. A menudo se utiliza para agregar varias funciones dinámicas a las páginas web para proporcionar a los usuarios efectos de navegación más fluidos y atractivos. Por lo general, los scripts de JavaScript realizan sus funciones incrustándolos en HTML. El lenguaje de programación Javascript, al igual que otros lenguajes, tiene sus propios tipos de datos básicos, expresiones y operadores aritméticos, y el marco básico del programa. Javascript proporciona cuatro tipos de datos básicos y dos tipos de datos especiales para procesar datos y texto. Las variables proporcionan un lugar para almacenar información y las expresiones pueden completar un procesamiento de información más complejo.

(1) Es un lenguaje de scripting interpretado (el código no está precompilado).

(2), utilizado principalmente para agregar comportamientos interactivos a la página HTML (una aplicación bajo el lenguaje de marcado universal estándar).

(3) Se puede incrustar directamente en páginas HTML, pero escribirlo como un archivo js separado favorece la separación de estructura y comportamiento.

(4) Funciones multiplataforma Con el soporte de la mayoría de los navegadores, puede ejecutarse en múltiples plataformas (como Windows, Linux, Mac, Android, iOS, etc.).

2. El lenguaje de script JavaScript tiene las siguientes características:

(1) Lenguaje de script. JavaScript es un lenguaje de secuencias de comandos interpretado. Los lenguajes como C y C se compilan primero y luego se ejecutan, mientras que JavaScript se interpreta línea por línea durante la ejecución del programa.

(2), basada en objetos. JavaScript es un lenguaje de programación basado en objetos que no sólo puede crear objetos sino también utilizar objetos existentes.

(3), sencillo. El lenguaje JavaScript utiliza tipos de variables de tipo débil y no impone requisitos estrictos sobre los tipos de datos utilizados. Es un lenguaje de secuencias de comandos basado en las declaraciones y controles básicos de Java, y su diseño es simple y compacto.

(4) Dinámico.

JavaScript es un lenguaje de secuencias de comandos controlado por eventos que puede responder a la entrada del usuario sin pasar por un servidor web. Al visitar una página web, JavaScript puede responder directamente a estos eventos cuando se hace clic con el mouse, se mueve hacia arriba o hacia abajo o se mueve en la ventana.

(5) Multiplataforma. El lenguaje de programación JavaScript no depende del sistema operativo y solo requiere compatibilidad con el navegador. Por lo tanto, después de escribir un script JavaScript, se puede llevar a cualquier máquina para su uso, siempre que el navegador de la máquina admita el lenguaje de script JavaScript. Actualmente, la mayoría de los navegadores admiten JavaScript.

Materiales de referencia: Enciclopedia Baidu: JavaScript