Tìm theo từ khóa

Mẫu Scrollbar đẹp



Nguyên bộ code html css và js trang trí cho Scrollbar của website thêm cool ngầu nhé

Thuật Ngữ

-webkit-scrollbar bao gồm 7 phần tử khác nhau và cùng bao gồm một phần tử giao diện thanh cuộn đầy đủ:

  1. ::-webkit-scrollbar hình nền của chính thanh cuộn đó.
  2. ::-webkit-scrollbar-button các nút định hướng trên thanh cuộn.
  3. ::-webkit-scrollbar-track không gian trống bên dưới thanh tiến trình.
  4. ::-webkit-scrollbar-track-piece phần trên cùng của thanh tiến trình không bị che bởi ảnh thumb.
  5. ::-webkit-scrollbar-thumb phần tử cuộn có thể kéo để thay đổi kích cỡ.
  6. ::-webkit-scrollbar-corner góc dưới cùng của phần tử cuộn, nơi hai thanh cuộn gặp nhau.
  7. ::-webkit-resizer chỉnh sửa lại kích thước có thể kéo được xuất hiện phía trên thanh cuộn ở góc dưới cùng của một số phần tử.

Kết quả như hình

Chúc các bạn thành công

Nguồn: https://codepen.io/devstreak/pen/dMYgeO

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x