Bạn muốn thêm custom scrollbar cho wordpress? Thay đổi scrollbar giúp website của bạn trông đặc biệt hơn.
Trong bài viết này mình hướng dẫn các bạn thêm scrollbar vào wordpress. Có 2 cách để custom scrollbar cho wordpress
Custom scrollbar với plugin
Với cách này thì rất dễ dàng cho những bạn không am hiểu về code. Trước tiên bạn cần cài plugin Advanced Scrollbar
Sau khi cài xong và active, bạn truy cập vào đường dẫn Settings » Custom Color Scrollbar Settings
Bạn có thể tuỳ chỉnh color, speed cho scrollbar của mình.
Rất đơn giản đúng ko
Custom scrollbar với code
Bạn có thể thêm scrollbar với code css đơn giản bên dưới
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | ::-webkit-scrollbar { -webkit-appearance: none; } ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #ffb400; border:1px solid #ccc; } ::-webkit-scrollbar-thumb { background: #cc00ff; border:1px solid #eee; height:100px; border-radius:5px; } ::-webkit-scrollbar-thumb:hover { background: blue; } |