Propriedade scrollLeft do HTML DOM

Objeto Elemento DOM HTML

scrollLeftA propriedade define ou retorna o número de pixels de rolagem do conteúdo do elemento para a esquerda (direção horizontal).

Atenção:Se o elementodirection(orientação)Simrtlao rolar da direita para a esquerda), então quando a barra de rolagem está na sua posição mais à direita (no início do conteúdo rolado), scrollLeft é0e, em seguida, rolar para o final do conteúdo, scrollLeft gradualmente torna-se negativo.

UsarscrollTopA propriedade pode definir ou retornar o número de pixels do conteúdo do elemento rolado para o topo.

Sintaxe:

Retornar a propriedade scrollLeft:

element.scrollLeft

Definir a propriedade scrollLeft:

element.scrollLeft = pixels

var elem = document.getElementById("container");
var x = elem.scrollLeft;
var y = elem.scrollTop;

Compatibilidade do navegador

Todos os navegadores suportam completamente a propriedade scrollLeft:

Valor do Atributo

Detalhes Técnicos

Mais Exemplos

Rolar o conteúdo horizontalmente no DIV20 pixels:

document.getElementById(');container').scrollLeft　+=　20;

Rolar o conteúdo horizontalmente no BODY100 pixels:

var body = document.body;//　Para Safari
var html = document.documentElement;　//　Chrome, Firefox, IE e Opera
　　　
body.scrollLeft　+=　100;
html.scrollLeft　+=　100;

Referências Relacionadas

Referência DOM HTML:Atributo scrollTop

Objeto Elemento DOM HTML