Algumas pessoas procuram na internet com fazer um scroll ou uma barra de rolagem e mencionam fazer com o php, está errado!

Gostaria de explicar que o scroll não tem ligação com o php e sim somente com o javascript, no máximo com o css que irá ajudar você a decorar o seu scroll. Segue como fazer um scroll para html “Fazendo um scroll personalizado e simples“.

Dúvidas é só falar!

Abs,
Chapoo

Já me pediram várias vezes algum script simples para fazer um scroll, então finalmente fiz uma classe para atender esta necessidade.

Fiz uma classe básica, mas vai ajudar quem gostaria de fazer um scroll personalizado e simples.

Segue a implementação:

Baixe o pacote Rolagem.zip

Crie o objeto ‘Rolagem’ passando como parâmetro o nome do objeto onde terá o scroll, exemplo:

<script type="text/javascript">
    rolagem = new Rolagem();
    rolagem.definirCaixaRolagem('STRING_ID_OBJETO' OU document.getElementById('OBJ'));
</script>

E na setas (para cima e para baixo) coloque as funções nos eventos ONMOUSEDOWN, ONMOUSEUP e ONMOUSEOUT como sugere abaixo, veja:

SUBIR TEXTO (Seta para baixo):

    <a href="javascript:;" onmousedown="rolagem.definirDirecao('cima'); rolagem.rolar();" onmouseup="rolagem.parar();" onmouseout="rolagem.parar();">SUBIR</a>

DESCER TEXTO (Seta para cima):

    <a href="javascript:;" onmousedown="rolagem.definirDirecao('baixo'); rolagem.rolar();" onmouseup="rolagem.parar();" onmouseout="rolagem.parar();">DESCER</a>

Bom… é isso!

Abs,

Chapoo