Instalando percentuais em Barra de rolagem do Blog/Site - BR Acontece

Instalando percentuais em Barra de rolagem do Blog/Site

BR ACONTECE
Amante da internet, tv, plataformas blogger e WordPress. Vivo conectado em um mundo chamado notícias online, sempre atualizando o site BR. Email:






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 >

Deixe um comentário