Properti scrollLeft DOM HTML Element

Definisi dan penggunaan

scrollLeft Atur atau kembalikan nilai pixel gerakan konten elemen secara horizontal.

Lihat pula:

Properti scrollTop

Properti overflow CSS

Peristiwa onscroll

Contoh

Contoh 1

Ambil pixel gerakan konten "myDIV":

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

Coba sendiri

Contoh 2

Ggerakkan konten "myDIV" secara horizontal ke 50 pixel, secara vertikal ke 10 pixel:

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

Coba sendiri

Contoh 3

Ggerakkan konten "myDIV" secara horizontal 50 pixel, secara vertikal 10 pixel:

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

Coba sendiri

Contoh 4

Ggerakkan konten <body> secara horizontal 30 pixel, secara vertikal 10 pixel:

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

Coba sendiri

Sintaks

Kembalikan properti scrollLeft:

element.scrollLeft

Atur properti scrollLeft:

element.scrollLeft = pixels

Nilai properti

Nilai Deskripsi
pixels

Pixel yang digerakkan konten elemen secara horizontal.

  • Jika angka ini negatif, angka ini diatur ke 0.
  • Jika elemen tidak dapat digerakkan, angka ini diatur ke 0.
  • Jika angka ini melebihi nilai maksimum yang diizinkan, angka ini diatur ke nilai maksimum.

Nilai kembalian

Tipe Deskripsi
Angka Pixel yang digerakkan konten elemen secara horizontal.

Dukungan peramban

Seluruh peramban mendukung element.scrollLeft：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan Dukungan