JavaScript | Método ScrollTo de janela

O método Scrollto da janela é usado para rolar a janela do navegador para uma coordenada específica. Este método é chamado de scrollto () enquanto o janela é o objeto de janela. Uma janela do navegador aberta é representada pelo janela objeto. Para entender melhor esse método, analise rapidamente a sintaxe abaixo:

Sintaxe do método scrollto ()

janela.scrollto (coordenada x, coordenada y);

Nesta sintaxe:

• janela é o objeto de janela do navegador.
• Coordenada x é o deslocamento horizontal da janela do navegador em.
• Coordenada y é o deslocamento vertical para panificar a janela do navegador em.

Demonstração do método da janela scrollto ()

Para demonstrar o funcionamento do método Scrollto, comece criando um arquivo HTML com as seguintes linhas:

Estou colocado a 4000px verticalmente
Clique em mim para rolar para baixo

Neste snippet de código HTML acima,

• A audacioso A tag foi criada com algum texto dentro dela com a classe sendo rolado. Esta aula será usada para colocar esta tag a 4000px com a ajuda do CSS.
• Foi criado um botão que chama o clicado () função no arquivo javascript.

Depois disso, queremos adicionar as seguintes linhas ao CSS de nossa página da web:

corpo
Altura: 7000px;

.rolado
Posição: Absoluto;
Top: 4000px;

No trecho de CSS acima:

• A altura da etiqueta corporal é definida como 7000px, para que a página da web se torne rolante, mesmo sem ter mais elementos.
• O audacioso Tag com a classe rolado foi colocado a 4000px.

A execução da página da web agora nos fornece a seguinte saída na janela do navegador:

Como você pode ver na saída, para visitar o audacioso Tag, é preciso rolar manualmente a janela do navegador.

Para adicionar funcionalidade ao botão, para que ele nos role diretamente no audacioso Tag com texto, escreva as seguintes linhas no arquivo de script:

função clicou ()
janela.scrollto (0, 4000);

Nessas linhas, a função clicada () é criada, que é chamada ao pressionar o botão e, nesta função, estamos simplesmente passando pelo Coordenada y como 4000px para o método da janela scrollTo (). Isso fornece o seguinte resultado na página da web html:

Como é claramente mostrado na saída, pressionar o botão Panela a janela do navegador para 4000px verticalmente.

Embrulhar

O método Window ScrollTo () é usado para chamar o objeto da janela do navegador e depois panificar a janela do navegador para uma posição específica passando no x e y coordenadas em seus argumentos. Este artigo demonstrou o funcionamento do método Window ScrollTo () com a ajuda de um exemplo.