Travar barra de rolagem via HTML

Autor: Christy White
Data De Criação: 4 Poderia 2021
Data De Atualização: 1 Poderia 2024
Anonim
Tutorial para tirar a barra scroll com overflow - CSS
Vídeo: Tutorial para tirar a barra scroll com overflow - CSS

Contente

Algumas páginas da internet são feitas para caber em uma única página do navegador. Telas com resoluções maiores removem automaticamente as barras de rolagem. Alguns desenvolvedores, contudo, querem garantir que os visitantes não possam rolar a barra quando a resolução diminui. Isso pode ser conseguido por uma linha de código em HTML.


A barra de rolagem fica no lado direito dos navegadores (Comstock/Comstock/Getty Images)

Funcionalidade

A barra de rolagem vertical no lado direito do navegador permite ao usuário mover a página para cima e para baixo. A barra dá a opção de visualizar conteúdos que não poderiam ser mostrados em somente uma janela. Inicialmente, as barras eram conhecidas como "handles" (manipuladores) para os primeiros usuários de interface gráfica. Os componentes dela se movem dentro de um eixo.

Movimento

Há quatro formas de mover a barra de rolagem: clicar na barra com o mouse arrastando para cima ou para baixo; clicar nas setas de cima ou de baixo nas extremidades da barra de rolagem; as setas para cima ou para baixo no teclado; rolar a roda de rolagem que alguns mouses possuem. Embora os métodos sejam diferentes, todos dão o mesmo resultado.


Travar

Existe um modo de bloquear a barra de rolagem, não importando a quantidade de conteúdo da página da web. Este código deve ser adicionado entre as tags e :

O código de estilo diz ao navegador para não exibir quaisquer conteúdos que não sejam os da visualização final da página. Outros conteúdos fora da vista inicial são cortados.

Personalização

Existem maneiras adicionais de personalizar barras de rolagem, incluindo sua cor inicial. Isso requer o código de estilo em cascata adicionado à página da web. O Internet Explorer suporta barras de rolagem coloridas, já o Firefox não.