Atrybut scrollLeft obiektu HTML DOM Element

Definicja i użycie

scrollLeft Ustawienie lub zwracanie liczby pikseli poziomego przewijania zawartości elementu.

Zobacz również:

Atrybut scrollTop

Atrybut overflow CSS

Zdarzenie onscroll

Przykład

Przykład 1

Pobierz liczbę pikseli przewijania zawartości "myDIV":

const element = document.getElementById("myDIV");
let x = elmnt.scrollLeft;
let y = elmnt.scrollTop;

Spróbuj sam

Przykład 2

Przewiń zawartość "myDIV" poziomo do 50 pikseli, pionowo do 10 pikseli:

const element = document.getElementById("myDIV");
element.scrollLeft = 50;
element.scrollTop = 10;

Spróbuj sam

Przykład 3

Przewiń zawartość "myDIV" poziomo o 50 pikseli, pionowo o 10 pikseli:

const element = document.getElementById("myDIV");
element.scrollLeft += 50;
element.scrollTop += 10;

Spróbuj sam

Przykład 4

Przewiń zawartość <body> poziomo o 30 pikseli, pionowo o 10 pikseli:

const html = document.documentElement;
html.scrollLeft += 30;
html.scrollTop += 10;

Spróbuj sam

Gramatyka

Zwróć atrybut scrollLeft:

element.scrollLeft

Ustawienie atrybutu scrollLeft:

element.scrollLeft = pixels

Wartość atrybutu

Wartość Opis
pixels

Liczba pikseli poziomego przewijania zawartości elementu.

  • Jeśli liczba ta jest ujemna, liczba ta ustawiana jest na 0.
  • Jeśli element nie może być przewijany, liczba ta ustawiana jest na 0.
  • Jeśli liczba ta jest większa niż dozwolona maksymalna wartość, ustaw tę liczbę na wartość maksymalną.

Zwracana wartość

Typ Opis
Numer Liczba pikseli poziomego przewijania zawartości elementu.

Wspieranie przeglądarki

Wszystkie przeglądarki wspierają element.scrollLeft:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie