>> Tecnologia eletrônica >  >> Lar inteligente >> Vida Inteligente

Como rolar dentro de uma tela HTML


A versão 5 da HyperText Markup Language, mais conhecida como "HTML", inclui suporte para um novo elemento chamado "canvas". Um elemento de tela HTML5 atua como um contêiner para animação, gráficos ou código JavaScript personalizado. Se você deseja habilitar a rolagem em uma tela em sua página da Web, você pode envolver todo o elemento tela em um elemento div e, em seguida, usar o atributo overflow para adicionar as barras de rolagem necessárias.

Etapa 1


Abra o documento HTML que contém o elemento canvas em um aplicativo de edição da Web ou em um processador de texto.

Etapa 2


Coloque o cursor de texto antes da tag "" em seu código HTML.

Etapa 3


Digite o seguinte em seu código HTML:

O atributo overflow habilitará as barras de rolagem em seu contêiner.

Etapa 4


Substitua os atributos de largura e altura pelos valores de pixel que você deseja usar para definir o tamanho do contêiner div. Certifique-se de que os valores de largura e altura escolhidos sejam grandes o suficiente para caber em todo o tamanho do seu elemento de tela.

Etapa 5


Coloque o cursor de texto após a tag "".

Etapa 6


Modelo "
" no código HTML para fechar o contêiner div.

Etapa 7


Salve o documento HTML e carregue-o em seu servidor Web para visualizar o elemento canvas com rolagem.