Ao ler um e-mail ou ao rolar por um documento do Word ou de texto, convém que a barra de formatação seja exibida o tempo todo. Isso é conseguido com barras de rolagem dentro dos contêineres. CSS (Cascading Style Sheets) é usado para produzir seções roláveis da sua página da Web ou para fazer com que a página inteira use barras de rolagem com algumas linhas de código. Uma propriedade CSS chamada “overflow” é usada para produzir essas barras em uma página.
Passo 1
Abra o aplicativo Bloco de Notas e copie o código abaixo:
.scrollbars {estouro: rolagem; altura: 300 px;}
O código acima define a propriedade “overflow” e cria uma caixa de rolagem com 300 px.
Etapa 2
Salve o arquivo na etapa 1 como “scrollbar.css”.
Etapa 3
Abra a página em que deseja que as barras de rolagem apareçam e adicione o seguinte código à seção entre as guias e:
Esta linha de código refere-se ao “scrollbar.css” que você criou e adiciona as informações nesse arquivo à sua página.
Etapa 4
Use as guias
Para adicionar as barras de rolagem às partes da página em que você deseja aplicar as barras de rolagem, como mostrado:
Conteúdo da Minha Página O código acima adiciona barras de rolagem à área da página que contém o “Conteúdo da Minha Página”. Você pode especificar outras seções da página, simplesmente adicionando a linha ” ao objetivo div.
Etapa 5
Salve “scrollbars.css” e a página para exibir as barras de rolagem no mesmo diretório.
Etapa 6
Abra a página com um navegador da web para ver se é feito corretamente.
