Cuộn phần tử trong JavaScript
Các thuộc tính sau chứa giá trị cho biết phần tử đã được cuộn bao nhiêu:
javascriptconsole.log(elem.scrollTop); // từ trên xuống
console.log(elem.scrollLeft); // từ trái sang
Ví dụ sau minh họa hoạt động của các thuộc tính này. Hãy cuộn phần tử và nhấp vào nút, bạn sẽ thấy giá trị cuộn:
Cho một phần tử và một nút. Khi nhấp vào nút, hãy tìm xem phần tử đã được cuộn bao nhiêu theo chiều dọc.
Cho một phần tử và một nút. Khi nhấp vào nút, hãy kiểm tra xem phần tử đã được cuộn theo chiều dọc hay chưa.
Cuộn phần tử đến cuối cùng. Nhấp vào nút để hiển thị giá trị cuộn toàn phần.
Lấy scrollHeight của phần tử
và trừ đi giá trị cuộn toàn phần
(từ bài tập trước). Giá trị thu được là gì?
Nó chứa những kích thước nào?
Cộng offsetHeight và giá trị cuộn toàn phần.
Trừ tổng này từ giá trị scrollHeight.
Số nào sẽ thu được?