O que é uma barra de rolagem HTML?
Uma barra de rolagem HyperText Markup Language (HTML) é um elemento da interface do usuário que pode aparecer no quadro visível que exibe um documento HTML. Ele permite que o usuário mova a região visível de uma área da tela enquanto deixa as áreas adjacentes intocadas. Em muitos casos, uma barra de rolagem HTML pode ser gerada automaticamente pelo visualizador de documentos HTML, embora determinados códigos HTML e CSS (CSS) possam forçar uma barra de rolagem a ser exibida ou forçar a ocultação. Em uma página da Web, uma barra de rolagem HTML pode ser uma solução de formatação definida no caso de um estouro de conteúdo ou uma propriedade que pode ser definida nos quadros exibidos na janela principal. É importante observar que uma barra de rolagem HTML exibida em um documento HTML renderizado é diferente do elemento da barra de rolagem da interface gráfica do usuário (GUI) do sistema operacional que é controlado pelo navegador da Web, embora algumas operações também possam modificar a aparência da barra de rolagem do navegador .
Quando renderizada dentro de um documento HTML, uma barra de rolagem HTML tem a aparência geral do elemento GUI da barra de rolagem do sistema padrão. Geralmente, é uma barra vertical ou horizontal que possui setas colocadas em cada extremidade. A barra, que também é chamada de faixa, possui uma caixa na parte superior que representa a área atualmente exibida do documento ou área maior. A barra de rolagem pode ser manipulada clicando nas setas com o cursor do mouse para mover a área exibida ou arrastando diretamente a caixa de indicador visível ao longo da trilha.
Quando uma região como um quadro é definida em HTML ou CSS, a quantidade esperada de espaço em pixels às vezes não está disponível devido a uma resolução de tela ou tamanho de janela diferente. Isso faz com que um estouro ocorra, o que significa que texto, imagens e outros elementos não podem ser totalmente exibidos no espaço disponível. Um comportamento que pode ser especificado em um documento HTML é que o renderizador crie uma barra de rolagem HTML para que o usuário possa se mover para diferentes partes não visíveis da área em um espaço limitado. Como alternativa, a barra de rolagem pode ser desativada, o que significa que, se apenas parte de uma imagem ou bloco de texto for exibida, as áreas não visíveis simplesmente não serão mostradas e nenhuma indicação de que elas existam será evidente.
Através do uso de CSS, uma barra de rolagem HTML pode ter sua aparência personalizada. Isso geralmente significa alterar a sequência de cores usada para desenhar a barra, seus realces e sombras. Com o uso de linguagens de script e alguma codificação não padrão, os gráficos reais usados para exibir uma barra de rolagem HTML podem ser alterados para uma aparência mais personalizada, embora nem todos os navegadores ou sistemas operacionais suportem essa funcionalidade.