TruongTanNghia/Learn-ReactJs

Exercise 2 useEffect

TruongTanNghia opened this issue · 0 comments

Scroll
Ý tưởng bài toán:

  • Đầu tiên ta phải tính toán được tỷ lệ cuộn trang.
    Bằng cách lấy giá trị cuộn trang hiện tại (clientScroll) chia cho tổng khoảng cách mà trang có thể cuộn (height), sau đó nhân với 100 để chuyển thành phần trăm. Kết quả scrolled sẽ là tỷ lệ cuộn trang trong phần trăm, cho biết bao nhiêu phần trăm của trang đã được cuộn qua.
  • Công Thức: (clientScroll / height) *100
  • Trong đó:
    • clientScrol: Là tỉ lệ cuộn trang hiện tại của tài liệu HTML có trong file
    • height: Là tổng khoảng cách mà trang có thể cuộn được tình như sau:
      scrollHeight - clientHeight
      • Trong đó:
        scrollHeight là : Chiều cao Tổng của tài liệu HTML
        clientHeight là: Chiều cao của cửa sổ trình duyệt