Travar barra de rolagem via HTML

Escrito por scott stanchak | Traduzido por r spol
Travar barra de rolagem via HTML

A barra de rolagem fica no lado direito dos navegadores

Comstock/Comstock/Getty Images

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.

Outras pessoas estão lendo

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 <head> e </head>: <style> html,body{ overflow: hidden; } </style> 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.

Não deixe de ver

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível

Direitos autorais © 1999-2014 Demand Media, Inc.

O uso deste site constitui plena aceitação dos Termos de Uso e Política de privacidade de eHow. Ad Choices pt-BR

Demand Media