Thay đổi cuộn phần tử trong JavaScript

Các thuộc tính chứa vị trí cuộn của phần tử có thể được thay đổi. Trong trường hợp này, phần tử sẽ được cuộn đến giá trị đã chỉ định. Hãy thử cuộn phần tử đến vị trí 200px từ trên xuống:

javascriptelem.scrollTop = 200;

Và bây giờ hãy cuộn phần tử xuống 100px từ giá trị hiện tại:

javascriptelem.scrollTop = elem.scrollTop + 100;

Và bây giờ hãy cuộn phần tử đến cuối:

javascriptelem.scrollTop = elem.scrollHeight - elem.clientHeight;
Задание 1

Cho một phần tử và một nút bấm. Khi nhấp vào nút bấm, hãy cuộn phần tử đến vị trí 100px theo chiều dọc và 50px theo chiều ngang.

Задание 2

Cho một phần tử và một nút bấm. Khi nhấp vào nút bấm, hãy cuộn phần tử xuống 50px từ vị trí cuộn hiện tại.

Задание 3

Cho một phần tử và một nút bấm. Khi nhấp vào nút bấm, hãy cuộn phần tử lên đến đỉnh.

Задание 4

Cho một phần tử và một nút bấm. Khi nhấp vào nút bấm, hãy cuộn phần tử xuống đến đáy.