Bạn muốn người xem biết đang xem đến từng nào bài viết trang Website của bạn, thì bạn có thể sử dụng công cụ đếm phần trăm khi cuộn trang này. Blog Sơn Pro đã test và đã thành công, chúc bạn thành công!
Cách làm:
Copy và Paste đoạn Code dưới đây vào phía trên thẻ đóng </body>
Chúc bạn thành công!
CODE ĐẾM PHẦN TRĂM KHI CUỘN TRANG CHO BLOGSPOT
Cách làm:
Copy và Paste đoạn Code dưới đây vào phía trên thẻ đóng </body>
<style>
#scroll{display:none;position:fixed;top:0;right:20px;z-index:500;padding:3px 8px;background-color:#d83434;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:#e0262c}
</style>
<div id='scroll-page'/>
<script type='text/javascript'>
//<![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>
Chúc bạn thành công!