Home
thủ-thuật-blog

Thay đổi màu thanh cuộn Scrollbar

#scrollbar, #thanh cuon, #mau thanh cuon
Thủ thuật dưới đây sẽ giúp bạn thay đổi màu sắc - độ rộng của thanh cuộn mặc định.
Thủ thuật đơn giản này chỉ sử dụng CSS nên không ảnh hưởng gì đến tốc độ tải trang.
Để thực hiện các bạn làm như sau:

#Bước 1

Đăng nhập Blogger➜Mẫu➜Chỉnh sửa HTML

#Bước 2

Chèn đoạn Javascript dưới đây vào trước thẻ ]]></b:skin> 
/*Thay đổi màu thanh cuộn Scrollbar*/
::-webkit-scrollbar {background:#FFFFFF;width:12px;}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
background-image: -webkit-linear-gradient(top, #FF0000 6%, #FF0000 29%);}
::-webkit-scrollbar-track {}
Hoặc bạn dùng đoạn code sau 
/* Webkit override Scrollbar with CSS3 */
::-webkit-scrollbar {
width: 8px; height:8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
background:#fff;
}
::-webkit-scrollbar-thumb {
background: rgba(186,35,35,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(186,35,35,0.4);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
- Bạn tùy chỉnh lại thông số và màu sắc cho phù hợp.

#Bước 3

Nhấn Lưu.