Phương thức HTML DOM Element scrollIntoView()

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

scrollIntoView() Phương pháp này sẽ cuộn yếu tố vào vùng hiển thị của cửa sổ trình duyệt.

Mô hình

Ví dụ 1

Cuộn yếu tố có id="content" vào vùng hiển thị của cửa sổ trình duyệt:

const element = document.getElementById("content");
element.scrollIntoView();

Thử nghiệm ngay

Ví dụ 2

Cuộn lên đỉnh hoặc đáy của yếu tố:

const element = document.getElementById("content");
function scrollToTop() {
  element.scrollIntoView(true);
}
function scrollToBottom() {
  element.scrollIntoView(false);
}

Thử nghiệm ngay

Cú pháp

element.scrollIntoView(align)

Tham số

Tham số Mô tả
align

Tùy chọn. Giá trị boolean chỉ ra loại đối齐:

  • true - Đầu của yếu tố sẽ được對齐 với trên cùng của vùng hiển thị của tổ tiên cuộn.
  • false - Đầu của yếu tố sẽ được對齐 với dưới cùng của vùng hiển thị của tổ tiên cuộn.

Nếu bỏ qua, nó sẽ cuộn lên đỉnh của yếu tố.

Lưu ý:Dựa trên bố cục của các yếu tố khác, một số yếu tố có thể không cuộn hoàn toàn lên đỉnh hoặc xuống đáy.

Giá trị trả về

Không có.

Trình duyệt hỗ trợ

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

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Hỗ trợ 9-11 Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ