Como colocar uma barra de rolagem na minha página

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.

Referências

 

Você pode estar interessado:

Deixe um comentário