Ir para conteúdo

POWERED BY:

Arquivado

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

roxzin

Scroller

Por , em Javascript

Recommended Posts

roxzin    0

roxzin
Postado 

window.onload = function(){
     box_descricao = document.getElementById("texto").clientHeight;
     if (box_descricao > 190) {
        document.getElementById("subir").style.visibility = "visible";
        document.getElementById("descer").style.visibility = "visible";
     }
     else if (box_descricao > 0) {
        document.getElementById("subir").style.visibility = "hidden";
        document.getElementById("descer").style.visibility = "hidden";
     }
}


defaultStep=3;
step=defaultStep;

function scrollDivDown(id){
clearTimeout(timerDown) 
document.getElementById(id).scrollTop+=step 
timerDown=setTimeout("scrollDivDown('"+id+"')",25)

} 

function scrollDivUp(id){
clearTimeout(timerUp)
document.getElementById(id).scrollTop-=step 
timerUp=setTimeout("scrollDivUp('"+id+"')",25)
} 

timerDown="" 
timerUp="" 

function stopMe(){
clearTimeout(timerDown) 
clearTimeout(timerUp)
}

document.onmousemove=function(){stopMe()}

 

 

 

esse scroller ta funcionando perfeito, mais tipow se eu cliclo ele dece duma vez pra baxo, agora se eu clicla e mexe o mause ele para por causa do

 

document.onmousemove=function(){stopMe()}, como eu faço pra da 1 clicle ele dece um poco e para, depois da outro e asim por diante.

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

algo assim?

 

<html>
<head>
<script language="javascript">
    step = 35;
    j    = 53;
    function scrollDivDown(id){
        j += step;
        document.getElementById(id).style.top = j;
    } 
    
    function scrollDivUp(id){
        j -= step;
        document.getElementById(id).style.top = j;
    } 
</script>

<style type="text/css">
    div.foo
    {
        background-color: #05bbcc;
        position:         absolute;
        top:              49px;
        left:             30px;
        height:           30px;
    }
</style>
</head>

<body>
<a href="javascript:scrollDivDown('foo');">down</a> | <a href="javascript:scrollDivUp('foo');">up</a><hr>
<div id="foo" class="foo">lorem ipsum</div>
</body></html>

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