Instalando percentuais em Barra de rolagem do Blog/Site

Instalando percentuais em Barra de rolagem - próximos lançamentos sobre como instalar a função do percentual do blog barra de rolagem . Talvez você tenha visto esta função percentual em outro blog. A porcentagem real da barra de rolagem não é uma característica importante para um blog. Mas nunca é demais tentar, mesmo assim, dependendo do gosto individual. Ao adicionar esse percentual não apenas como decoração, mas meramente visitantes do blog será capaz de ver qual é a percentagem de páginas que Ele se deslocar, se tiver chegado ao fundo da página, em seguida, ao percentual do valor será de 100% . A forma como o aplicativo é muito fácil, basta seguir estes passos simples:

 Primeiro,procure o seguinte código logo acima de.

 ]]> </ b: skin> ou </ style></style>

#scroll {


display:none;


position:fixed;


top:0;


z-index:500;


right:15px;


background-color:#369fcf;


padding:3px 8px;


color:#fff;


font-size:14px;  


border-radius:3px;

}
#scroll:after {

right:-10px;

content: " ";
  position: absolute;
  top:50%;

border:6px solid transparent;

height:0;
  width:0;
  margin-top:-6px;

}


border-left-color:#369fcf;

Procure pelo </head> e salve o código acima de </head>

<div id='scroll'></div>

Salve o seguinte código logo acima do  </ body>

< roteiro 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 ( 600 ) ; if ( scrollTimer ! == null ) { clearTimeout ( scrollTimer ) ; } scrollTimer = setTimeout ( function ( ) { $ ( '#scroll' ) . fadeOut ( 600 ) ; } , 1000 ) ; } ) ; //]]> < / script >