Para quem busca um script que possa 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.
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.
» Demonstração
» Download do Script
