Como colocar uma barra de rolagem na minha página

Passo 1

Abra o aplicativo Notepad e copie o código abaixo:

.scrollbars {overflow: scroll; height: 300px;}

O código acima define a propriedade "overflow" e cria uma caixa de rolagem de 300 px.

Passo 2

Salve o arquivo na etapa 1 como "scrollbar.css".

Passo 3

Abra a página onde 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 se refere ao "scrollbar.css" que você criou e adiciona as informações desse arquivo à sua página.

Passo 4

Use as guias para adicionar as barras de rolagem às partes da página nas quais você deseja que as barras de rolagem sejam aplicadas, conforme mostrado:

Meu conteúdo da página (O conteúdo da minha página) O código anterior 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 div de destino.

Passo 5

Salve "scrollbars.css" e a página para mostrar as barras de rolagem no mesmo diretório.

Passo 6

Abra a página com um navegador da Web para ver se isso é feito corretamente.

Referências

• Boutell: Como adiciono uma barra de rolagem a parte de uma página? (Como posso adicionar uma barra de rolagem a uma parte de uma página?)

Mais artigos

• Por que a barra de rolagem às vezes desaparece das páginas da web?
• Como adicionar barras de rolagem em um DIV
• Como adicionar uma barra de rolagem no Visual Basic
• As partes de um código de barras
• Como encontrar itens por código de barras
• Como fazer códigos de barras no Excel
• Como fazer a barra de rolagem do painel de toque funcionar?