Scroll controlado por botões
Fala galera, beleza??
Eu tava precisando de um scroll que fosse controlado por botões um pra descer e outro para descer com o conteudo dentro dele. Eu consegui um script que faz uma parte, só que não consigo fazer a outra. Segue meu script se alguém puder me dar uma bola nesse assunto...
<html>
<head>
<script type="text/javascript">
function id( el ){
return document.getElementById( el );
}
var sT = 3;
function rollUp( el ){
if( el.scrollHeight>=sT ) sT += 20
el.scrollTop = sT;
}
window.onload = function(){
id('up').onclick = function(){
rollUp( id('lista') );
}
}
</script>
<style type="text/css">
#lista {
height: 190px;
overflow: hidden;
border: 1px solid #000;
width: 200px;
}
</style>
</head>
<body>
<div id="lista">
1<br/>2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />
11<br/>12<br />13<br />14<br />15<br />16<br />17<br />18<br />19<br />20<br />
21<br/>22<br />23<br />24<br />25<br />26<br />27<br />28<br />29<br />30<br />
31<br/>32<br />33<br />34<br />35<br />36<br />37<br />38<br />39<br />40<br />
51<br/>52<br />53<br />54<br />55<br />56<br />57<br />58<br />59<br />60<br />
</div><!-- /lista -->
<input type="button" name="up" value="up" id="up" />
</body>
</html>Vlw...
Discussão (2)
Carregando comentários...