Window scrollBy() phương thức

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

scrollBy() Phương thức cuộn văn bản theo số pixel đã chỉ định.

Lưu ý:Để làm scrollBy() Phương thức hoạt động, văn bản phải lớn hơn màn hình và thanh cuộn phải hiển thị.

Xem thêm:

scrollTo() phương thức

Mô hình

Ví dụ 1

Cuộn văn bản theo chiều ngang 100px:

window.scrollBy(100, 0);

Thử ngay

Ví dụ 2

Cuộn văn bản theo chiều dọc 100px:

window.scrollBy(0, 100);

Thử ngay

Ví dụ 3

Cuộn văn bản lên và xuống:

<button onclick="scrollWin(0, 50)">Cuộn xuống</button>
<button onclick="scrollWin(0, -50)">Cuộn lên</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

Thử ngay

Ví dụ 4

Cuộn văn bản sang trái và phải:

<button onclick="scrollWin(100, 0)">Cuộn sang phải</button>
<button onclick="scrollWin(-100, 0)">Cuộn sang trái</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

Thử ngay

Cú pháp

window.scrollBy(x, y)

hoặc:

scrollBy(x, y)

Tham số

Tham số Mô tả
x

Bắt buộc。Số pixel cần cuộn (theo hướng ngang).

Đ正值向右滚动，负值向左滚动。
y

Bắt buộc. Số pixel cần cuộn (theo chiều dọc).

Giá trị dương cuộn xuống, giá trị âm cuộn lên.

Giá trị trả về

Không có.

Hỗ trợ trình duyệt

Tất cả các trình duyệt đều hỗ trợ scrollBy():

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