Идентификатор прокрутки страницы

[aluckyanov 2]

Подскажите скрипт, который будет показывать начало и конец страницы и размещаться в самом вверху сайта. 

 

Видел на многих сайтах. Прокручиваешь страницу вверх и вверху страницы есть полосочка, которая показывает (как бы загрузкой) Идентификатор прокрутки страницы. 

[xmka 14]

Тут все просто:

HTML

<div class="longpage"></div>

CSS

.longpage {
    height: 5px;
    position: fixed;
    top: 0;
    background-color: $color-blue;
    z-index: 100;
}

JS

$(window).on("scroll", function () {
	var wh = $(window).height(),
        wst = $(window).scrollTop(),
        dh = $(document).height(),
        w = 0;
  
	if(wst < wh){
		w = wst * 100 / dh;
	}else{
		w = (wh + wst) * 100 / dh;
	}
  
	$(".longpage").css({
		"width" : w + "%"
	});
});