[Resolvido] Rolar conteúdo de div

[Vitor Luis 0]

Olá,

Gostaria de rolar o conteúdo de uma div, mas sem usar barras de rolagem convencional, mas sim um botão (imagem com link).

Tem como fazer isso com Javascript?

 

O que gostaria seria mais ou menos assim:

 

Linha 1
Linha 2
Linha 3
   \/

Depois de clicar na setinha:

 

   /\
Linha 3
Linha 4
Linha 5
   \/

E depois:

 

   /\
Linha 4
Linha 5
Linha 6

 

Não sei se soube explicar certo, mas vou acompanhar aqui, qualquer coisa, só perguntar!

Desde já agradeço!

[Reply. 0]

Com drag dá pra fazer... se conseguir entender o código esse script pode te ajudar.

http://www.java2s.com/Code/JavaScript/GUI-Components/Customscrollbar2.htm

Lembrando que no link, tem uma parte que tem "javascript", o "j" e o "s" são em maiúsculo, só que o fórum coloca o "s" em minúsculo.

[Vitor Luis 0]

Obrigado Roflol!

Pena que o código é gigantesco e complexo demais para um coisa tão boba!

 

Se existir algo mais simples, prefiro, caso contrario, já te agradeço por este código!

[Vitor Luis 0]

Opa, achei uma solução:

 

function scrollBaixo(){
	d = document.getElementById('ConteudoProduto');
	d.scrollTop = d.scrollTop + 50;
	scrolling = window.setTimeout(function() {scrollBaixo();}, 500);
	if (d.scrollTop > 0) {
		document.getElementById('SetaCima').style.display = "block";
	}
}
function scrollCima(){
	d = document.getElementById('ConteudoProduto');
	d.scrollTop = d.scrollTop - 50;
	scrolling = window.setTimeout(function() {scrollCima();}, 100);
	if (d.scrollTop < 0) {
		document.getElementById('SetaCima').style.display = "block";
	}
}
function paraScroll() {
	window.clearTimeout(scrolling);
}