CSS Custom Scrollbar Cho WordPress

Sau đây là code giúp các bạn tạo ra custom scrollbar độc đáo cho website WordPress của bạn.

Bạn chỉ cần copy và paste vào CSS bổ sung và sửa lại các giá trị sao cho phù hợp với mình là được nhé!

Code CSS cho custom scrollbar:

::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar {
  width: 20px;
}
 
::-webkit-scrollbar-track {
  background: #ff6200; 
    border:1px solid #ccc;
}
 
::-webkit-scrollbar-thumb {
  background: green; 
    border:1px solid #eee;
    height:100px;
    border-radius:5px;
}
 
::-webkit-scrollbar-thumb:hover {
  background: yellow; 
}

Đây là kết quả nhé:


Chút các bạn sẽ áp dụng thành công và tạo ra cho mình một Custom Scrollbar thật độc đáo cho riêng mình nhé! Hãy thường xuyên ghé thăm Sáng Tạo Hub để tham khảo các bài viết bổ ích và thú vị!

Bài viết được đóng góp bởi web designer Lê Thành Nam.

Chia sẻ:

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on tumblr