Tạo thanh cuộn lên xuống màu sắc
Bước 1: Đầu tiên các bạn hãy đăng nhập vào blog => Chủ đề => Chỉnh sửa HTML. Các bạn nhấn Ctrl + F và tìm thẻ
Tùy chỉnh:
Các bạn có thể thay #578c80 thành màu mà các bạn thích!
Tạo thanh cuộn lên xuống hiện thị %
Bước 1: Đầu tiên các bạn hãy đăng nhập vào blog => Chủ đề => Chỉnh sửa HTML. Các bạn nhấn Ctrl + F và tìm thẻ
</b:skin>
Bước 2: Chèn đoạn code phía dưới lên trên thẻ </b:skin>
::-webkit-scrollbar {width: 8px; height:8px}::-webkit-scrollbar-track {background:#FFF}::-webkit-scrollbar-thumb {background: #578c80;border-radius:50px}::-webkit-scrollbar-thumb:window-inactive {background:#fff}
Tùy chỉnh:
Các bạn có thể thay #578c80 thành màu mà các bạn thích!
Tạo thanh cuộn lên xuống hiện thị %
Bước 1: Đầu tiên các bạn hãy đăng nhập vào blog => Chủ đề => Chỉnh sửa HTML. Các bạn nhấn Ctrl + F và tìm thẻ
</b:skin>
Bước 2: Chèn đoạn code phía dưới lên trên thẻ </b:skin>
#scroll {Bước 3: Tiếp theo các bạn tìm tới thẻ
display: none;
position: fixed;
top: 0;
right: 20px;
z-index: 500;
padding: 3px 8px;
background-color: #2187e7;
color: #fff;
border-radius: 3px;
}
#scroll:after {
content: ” ”;
position: absolute;
top: 50%;
right: -8px;
height: 0;
width: 0;
margin-top: -4px;
border: 4px solid transparent;
border-left-color: #2187e7;
}
</body>- Chèn đoạn code phía dưới lên trên thẻ </body>
<div id='scroll'/>Vậy là xong! Chúc các bạn thành công!
<script>
/*<![CDATA[*/
var scrollTimer = null;
$(window).scroll(function() {
var viewportHeight = $(this).height(),
scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
$('#scroll')
.css('top', distance)
.text(' (' + Math.round(progress * 100) + '%)')
.fadeIn(100);
if (scrollTimer !== null) {
clearTimeout(scrollTimer);
}
scrollTimer = setTimeout(function() {
$('#scroll').fadeOut();
}, 1500);
});
/*]]>*/
</script>
BÌNH LUẬN (0)
Một số lưu ý khi bình luận
Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy)
Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời
Để bình luận một đoạn code, hãy mã hóa code trước nhé