Thuộc tính scrollLeft của phần tử DOM HTML

Định nghĩa và cách sử dụng

scrollLeft Thuộc tính thiết lập hoặc trả về số pixel cuộn ngang nội dung của phần tử.

Xem thêm:

Thuộc tính scrollTop

Thuộc tính overflow của CSS

Sự kiện onscroll

Mô hình

Ví dụ 1

Lấy số pixel của nội dung cuộn "myDIV":

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

Thử ngay

Ví dụ 2

Cuộn nội dung "myDIV" ngang đến 50 pixel, cuộn dọc đến 10 pixel:

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

Thử ngay

Ví dụ 3

Cuộn nội dung "myDIV" ngang 50 pixel, cuộn dọc 10 pixel:

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

Thử ngay

Ví dụ 4

Cuộn nội dung <body> ngang 30 pixel, cuộn dọc 10 pixel:

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

Thử ngay

Cú pháp

Trả về thuộc tính scrollLeft:

element.scrollLeft

Đặt thuộc tính scrollLeft:

element.scrollLeft = pixels

Giá trị thuộc tính

Giá trị Mô tả
pixels

Số pixel của nội dung元素 cuộn ngang.

  • Nếu số này là số âm, thì số này được đặt thành 0.
  • Nếu元素 không thể cuộn, thì số này được đặt thành 0.
  • Nếu số này lớn hơn giá trị tối đa cho phép, thì đặt số này thành giá trị tối đa.

Giá trị trả về

Loại Mô tả
Số Số pixel của nội dung元素 cuộn ngang.

Trình duyệt hỗ trợ

Tất cả các trình duyệt đều hỗ trợ element.scrollLeft：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ