Exemplo
Rolar verticalmente se o texto transborda área de conteúdo do elemento:
document.getElementById("myDIV").style.overflowY = "scroll";
Tente você mesmo " Definição e Uso
A propriedade overflowY especifica o que fazer com as bordas superior / inferior do conteúdo - se ele transborda área de conteúdo do elemento.
Tip: Use o overflowX propriedade para determinar recorte nas bordas esquerda e direita.
Suporte navegador
A propriedade overflowY é suportado em todos os principais navegadores.
Note: A propriedade overflowY não funciona corretamente no IE8 e anteriores.
Sintaxe
Devolver o imóvel overflowY:
object .style.overflowY
Defina a propriedade overflowY:
object .style.overflowY="visible|hidden|scroll|auto|initial|inherit"
Valores de propriedade
Valor | Descrição |
---|---|
visible | O conteúdo não é cortado, e pode ser processado fora da caixa de conteúdo |
hidden | O conteúdo é cortado - e nenhum mecanismo de rolagem é fornecido |
scroll | O conteúdo é cortado e um mecanismo de deslocamento é proporcionado |
auto | Deve causar um mecanismo de rolagem para ser fornecido para transbordar caixas |
initial | Define essa propriedade para seu valor padrão. Leia sobre inicial |
inherit | Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar |
Detalhes técnicos
Valor padrão: | visível |
---|---|
Valor de retorno: | Uma corda, que representa a propriedade de transbordo-Y de um elemento |
CSS Versão | CSS3 |
Páginas relacionadas
Referência CSS: overflow-y property
<Estilo de objeto