Muito conhecida na web, a barra de rolagem ou scroll bar está presente em todas páginas em que o conteúdo “ultrapasse” os limites do display e também em vários softwares que utilizamos no dia a dia.
“A barra de rolagem é uma GUI (elemento de controle gráfico) que controla elementos como texto, imagens, vídeos e qualquer outra coisa disponível na página web. Em outras palavras, é uma barra localizada no lado direito da tela, através da qual um elemento pode ser percorrido com a ajuda de um mouse através de seu “espaço” ou das setas para cima e para baixo”.
Deslocamento Automático da Barra de Rolagem
Como descrito anteriormente, utilizamos do mouse (ou teclado) quando precisamos manipular a barra de rolagem e chegar a determinado ponto da página. Porém, nesse artigo, trazemos para você que aprecia em sempre testar coisas novas, a possibilidade da barra de rolagem descer automaticamente sem a intervenção do usuário e com isso “forçar” sempre a visualização da página completa.
Para isso, não precisaremos de nenhuma técnica complexa ou códigos imensos. Apenas com a inserção de um pequeno script no código do template, você verá o “movimento automático” da barra de rolagem e ainda poderá aumentar ou diminuir a velocidade dependendo de seu gosto ou necessidade.
Recomendamos que antes de fazer qualquer alteração no código, faça um backup do template. Caso ainda não saiba como proceder, acesse o artigo Como Fazer um Backup do Blog.
Como Colocar uma Barra de Rolagem Automática no Blog
1º Passo: Acesse seu Blogger, vá em "Modelo" e depois "Editar HTML".
2º Passo: Clique no código do template, pressione "CTRL+F" e pesquise por </html>
3º Passo: Logo ACIMA da tag encontrada, cole o seguinte código:
<script>/*<![CDATA[*/
var div = $('body');
setInterval(function() {
var pos = div.scrollTop();
div.scrollTop(pos + 2);
}, 10)
/*]]>*/
</script>
<style>
body {
overflow-y: scroll;
}
</style>
Caso desejar aumentar a velocidade do deslocamento da barra, diminua o número 10 destacado no código. Para deixar o deslocamento mais lento, você poderá aumentar gradativamente esse 10, para 100 ou 1000.
4º Passo: Clique em "Salvar Modelo", vá em seu blog e veja como ficou.
Concluindo
Após a conclusão correta do tutorial a barra de rolagem de seu blog já terá um movimento automático. A utilização de novas formas nos elementos gráficos tem um grande impacto nos blogs e isso a depender de cada tema tratado pode influenciar em geração de tráfego, maior visibilidade e confiança por parte dos visitantes.
Porém como dito, depende do tema tratado no blog e sempre evite exageros.
Deixe seu comentário, pois ele é a motivação para nosso trabalho.
0 comentários:
Postar um comentário