Como adicionar uma barra de rolagem

A barra de rolagem é um objeto de interface gráfica do usuário que permite que um rolo de usuário por meio de conteúdo que não se encaixa em uma janela. Em sites uma barra de rolagem pode ser adicionado usando as folhas de estilo em cascata, ou CSS, atributo de estilo estouro. Barras de rolagem tem vários problemas e deve ser usado com cuidado. Alguém imprimir a página Web só vai começar a ver a parte visível na área de conteúdo da barra de rolagem. roda do mouse do usuário pode não rolar corretamente a área corretamente, e se eles estão usando uma janela do navegador pequeno, eles vão ver uma interface de barra de rolagem múltipla confuso.

  • Abra a página Web com um editor HTML ou um editor de texto, como o Bloco de Notas. editores HTML fornecer funcionalidade extra específico para Web design e geralmente oferecem um código de cores.

  • Determinar a largura, altura, preenchimento e quaisquer outros atributos de estilo de área de conteúdo que você deseja fazer rolagem. Use o HTML

    tag para adicionar seus valores mais um atributo de estilo estouro. o
    tag define uma seção em uma página HTML que pode ser individualizada e formatado com estilos. utilização "overflow: auto" faz com que a região tem automaticamente uma barra de rolagem, quando necessário. Alternativamente, "overflow: rolagem" pode ser usado para forçar sempre uma barra de deslocamento horizontal e vertical. Um exemplo é a seguinte:



  • Adicione o conteúdo para ser visto dentro da área de rolagem. Isso pode ser apenas texto ou quase qualquer tipo de HTML válido, como imagens, vídeos ou o Flash.

  • Conclua a área de conteúdo com a tag HTML. Isto marca o fim da área de conteúdo de rolagem. Um exemplo acabado é:


    O conteúdo exibido aqui.

dicas & avisos

  • Diferentes navegadores da Web e até mesmo versões diferentes podem exibir barras de rolagem de diferentes maneiras. Abra uma versão de teste de sua página Web nos principais navegadores da Web para garantir que ele é exibido conforme o esperado.
De esta maneira? Compartilhar em redes sociais:

LiveInternet