HTML DOM scrollLeft Property
Contoh
Dapatkan jumlah piksel konten elemen <div> digulir secara horizontal dan vertikal:
var elmnt = document.getElementById("myDIV");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Properti scrollLeft menyetel atau mengembalikan jumlah piksel konten elemen yang digulir secara horizontal.
Tip: Gunakan properti scrollTop untuk mengatur atau mengembalikan jumlah piksel konten elemen digulir secara vertikal.
Tip: Untuk menambahkan scrollbar ke elemen, gunakan properti CSS overflow .
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
scrollLeft | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Kembalikan properti scrollLeft:
element.scrollLeft
Setel properti scrollLeft:
element.scrollLeft = pixels
Nilai properti
Value | Description |
---|---|
pixels |
Specifies the number of pixels the element's content is scrolled horizontally. Special notes:
|
Detail Teknis
Nilai Kembali: | Angka, mewakili jumlah piksel yang konten elemennya telah digulir secara horizontal |
---|
Lebih Banyak Contoh
Contoh
Gulir konten elemen <div> KE 50 piksel secara horizontal dan 10 piksel secara vertikal:
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft = 50;
elmnt.scrollTop = 10;
Contoh
Gulir konten elemen <div> OLEH 50 piksel secara horizontal dan 10 piksel secara vertikal:
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft += 50;
elmnt.scrollTop += 10;
Contoh
Gulir konten <body> sebanyak 30 piksel secara horizontal dan 10 piksel secara vertikal:
var body = document.body; // Safari
var html = document.documentElement; //
Chrome, Firefox, IE and Opera places the overflow at the <html> level, unless else is specified. Therefore, we use the
documentElement property for these browsers
body.scrollLeft += 30;
body.scrollTop += 10;
html.scrollLeft += 30;
html.scrollTop += 10;