Faire défiler automatiquement verticalement div contenu en boucle

Question

Je suis en train de trouver un moyen simple d'avoir un div texte juste le faisant défiler automatiquement le texte verticalement. Je ne veux pas utiliser un cadre (bien que je ne l'utilise Prototype, donc s'il est plus facile en utilisant Prototype c'est très bien, mais pas Scriptalicious).

Je suppose qu'il doit y avoir un moyen de le faire avec quelques lignes de code, mais je ne suis pas assez familier avec Javascript pour savoir comment faire plus efficacement que.

Answer 1

Cela pourrait ne pas être classique mais vous pouvez essayer la balise <marquee>

il fonctionne aussi bien dans IE et FF, et la dernière fois que j'ai vérifié, safari aussi.

<marquee behavior="scroll" direction="up" height="250" 
   scrollamount="2" scrolldelay="10"">
  Your content goes here
</marquee>

devrait vous donner ce que vous voulez,
et vous pouvez les style comme une <div> ...
et puis il y a l'avantage de ne pas avoir javascript ...

Modifier en réponse à votre commentaire

Il va mieux, essayer dans tout navigateur

onmouseover="this.stop()" onmouseout="this.start()"

Et ceci dans IE

style="filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=0,
FinishOpacity=100, 
Style=1, StartX=0,  FinishX=0, StartY=0, FinishY=10) 
progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=0, 
Style=1, StartX=0, FinishX=0, StartY=90, FinishY=100)" 

Comme les attributs de la balise marquee ...

Answer 2

function scrollDivUp(id){
    document.getElementById(id).scrollTop-=1
    timerUp=setTimeout("scrollDivUp('"+id+"')",10)
}

essayer quelque chose comme ça peut-être.

vous pouvez également changer le .scrollTop- = 1 à .scrollTop + = 1 pour faire défiler l'autre sens.

Vous aurez également besoin d'un div scrollable qui peut être fait en limitant la taille et le réglage de la propriété c.-à-style de débordement. style = "width: 200px; hauteur: 300px; overflow: auto"

Answer 3

Essayez de changer de scrollTop . Il est un exemple .

Answer 4

Je vois que la bonne réponse est pas donnée encore. Je pense que vous devez regarder cloneNode () par exemple. Et cloner l'élément que vous voulez faire défiler. Lorsque le premier élément est au dernier point de défilement puis placez l'élément dupliqué après le premier élément. Et quand cet élément est dupliquée presque à la fin, placez l'original après le double et ainsi de suite!