Barras de rolagem são barras verticais e horizontais ao longo da direita (ao escrever da esquerda para a direita) e nas bordas inferiores de uma janela ou em uma área separada dentro de uma janela, projetada para mover o conteúdo vertical ou horizontalmente. As páginas da Web usam elementos CSS (Cascading Style Sheets) incorporados em HTML para controlar sua aparência e comportamento.
Instruções
Passo 1
Use uma tag div se quiser fazer a barra de rolagem não para a página inteira, mas apenas para uma área limitada dela. Em HTML (HyperText Markup Language), "tags" referem-se a comandos individuais para um navegador para exibir um elemento de página específico. Em sua forma mais simples, uma tag div (muitas vezes chamada de "camada") é escrita assim:
Este é o texto dentro da camada
Aqui está a tag de abertura e é a tag de fechamento. Tudo o que é colocado entre as tags de abertura e fechamento está na camada como no contêiner e este contêiner pode ser dimensionado - largura e altura. Isso é feito usando um estilo de parâmetro adicional ("atributo"), que deve ser adicionado à tag de abertura:
Este é o texto dentro da camada
Passo 2
Inclua no atributo de estilo da tag div e as regras para as barras de rolagem da camada também:
Este é o texto dentro da camada
Aqui estouro: auto significa que as barras de rolagem aparecerão automaticamente, ou seja, quando o conteúdo da camada não caber nas dimensões especificadas. Se auto for substituído por scroll, essas listras sempre estarão presentes, independentemente de serem necessárias ou não. Um valor oculto terá o efeito oposto - a rolagem nunca aparecerá, mesmo se o conteúdo deste contêiner não estiver visível além de suas bordas.
etapa 3
Use um método semelhante para adicionar barras de rolagem à página como um todo. Por padrão, eles aparecem conforme necessário, mas se por algum motivo houver necessidade de sua presença constante na página, a regra de estilo correspondente deve ser adicionada ao código-fonte html. Encontre a tag de fechamento do cabeçalho do documento no código da página e escreva estas instruções de estilo na frente dela:
body {overflow: scroll;}
