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

Rate this post
0 0 đánh giá
Đánh giá bài viết
Theo dõi
Thông báo của
guest
0 Góp ý
Phản hồi nội tuyến
Xem tất cả bình luận
0
Rất thích suy nghĩ của bạn, hãy bình luận.x
()
x