Como rolar dentro de uma tela HTML

...

Adicione rolagem a uma tela HTML usando um elemento div.

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

Passo 1

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

Vídeo do dia

Passo 2

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

etapa 3

Digite o seguinte em seu código HTML:

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

Passo 4

Substitua os atributos de largura e altura pelas quantidades de pixels que 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

Posicione 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 da Web para visualizar o elemento de tela com rolagem.