Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

João Augusto

Scroll controlado por botões

Por , em Javascript

Recommended Posts

João Augusto    0

João Augusto
Postado

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...

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Okay, até ai você apenas copiou um script que eu fiz

http://forum.imasters.com.br/topic/422388-controlar-scroll-com-botao/page__view__findpost__p__1665718

 

estude... mostre como você está tentando fazer a outra parte.

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Augusto    0

João Augusto
Postado

Bom eu consegui que ele fosse pra cima e pra baixo, mais surgiu outro problema como que eu faria para desabilitar o botão "UP" quando estivesse aparecendo o último item dentro da lista e o botão "Down" quando estivesse no 1º?

Segue o code...

 

<script type="text/javascript">
function id( el ){
       return document.getElementById( el );
}

function id( el2 ){
       return document.getElementById( el2 );
}

var sT = 5;
function rollUp( el ){
       if( el.scrollHeight>=sT ) sT += 100       
       el.scrollTop = sT;

}

var sT = 5;
function rollDown( el2 ){
       if( el2.scrollHeight>=sT ) sT -= 100       
       el2.scrollTop = sT;

}

window.onload = function(){
       id('up').onclick = function(){
               rollUp( id('lista') );
       }
	id('down').onclick = function(){
               rollDown( id('lista') );
       }
}
</script>

Vlw....

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito