Scroll com Javascript
Para quem busca um script para gerar um efeito de scroll diferenciado e totalmente acessível, com certeza a melhor opção é o Easy Scroll.
Com o Easy Scroll você pode gerar uma nevegação via botões… “Para Baixo”, “Para Cima”, “Resetar”. Ao passar com o cursor sobre estes botões, a Div selecionada já realiza a tarefa desejada, ao clicar, ocorre o aumento de velocidade na ação.
Instalação
Entre as tags ‘<head></head>’ insira:
<script type="text/javascript" src="easyscroll/ easyscroll.js"></script>
Agora vamos inserir a Div que desejamos que possua o scroll:
<div id=”nosso_scroll”> <!– AQUI O CONTEÚDO –> </div>
Agora, no arquivo ‘easyscroll.js’, vamos editar os seguintes parâmetros:
var id = "nosso_scroll"; // O id usado no HTML var nav = ["Scroll Up", "Scroll Down", "Reset"]; //Nomes dos botões de navegacão var navId = ["btnUp", "btnDown", "btnReset"]; // ID's dos botões var speed = 5; //Velocidade do movimiento do scroll. //(1 = lento, 10 = rápido). var height = 200; //Tamanho do elemento visivel, isto é, //quantidade de texto vísivel sem scroll.