Tạo Scroll Progress Bar bằng CSS và JavaScript

preview_player
Показать описание
Trong video này chúng ta sẽ cùng nhau tìm hiểu cách để xây dựng 1 Scroll Progress Bar. Khi chúng ta scroll trên trình duyệt thì sẽ có 1 thanh progress bar hiển thị giá trị tương ứng với vị trí của thanh scrollbar. Người dùng có thể biết được khoảng bao nhiêu % độ dài của bài báo mà mình đã đọc được thông qua thanh scrollbar này, từ đó giúp nâng cao trải nghiệm của người dùng.

👉 Link tham khảo:

👉 Trở thành HỘI VIÊN trên kênh HoleTex

📢 Liên hệ với mình tại:

#holetex #javascriptanimation #javascript #frontend
Рекомендации по теме
Комментарии
Автор

mỗi lần xem hết video là phải Like heheehehe

luantran
Автор

Em mới login thêm 2 tài khoản để đăng ký cho sếp rồi đó ^^

dunghoang
Автор

Video hướng dẫn hay quá bạn ơi. Cảm ơn bạn đã chia sẽ

phankhanh
Автор

Cho em hỏi xíu DomcontentLoaded với scroll là bắt buộc phải ghi ntn ạ

Pham_lamThai
Автор

em k hiểu clientHeight cho lắm, sao documentElement của em có height là 694px, nhưng lúc em consolog.log thì clientHeight của em trả về 454px, khó hiểu, nếu như w3shools thì dễ hiểu, ngta muốn lấy chiều cao của phần tử nào thì trả về chiều cao bao gồm padding của thằng đó.

tuhoccodethietkeweb
Автор

Video hay quá a ạ. Anh có thể làm video về oop trong js được không ạ

PhamHieu-kbsy
Автор

cám ơn anh về video. Nhân tiện thì a cho em hỏi a dùng bàn phím gì nghe tiếng hay vậy ạ

rainydaytuness
visit shbcf.ru