scrollen automatisch vertikal div-Inhalt looping

Question

Ich versuche, eine einfache Art und Weise zu finden, ein div mit nur Text zu haben, in sie automatisch den Text vertikal scrollen. Ich möchte nicht, einen Rahmen verwenden (obwohl ich Gebrauch Prototype tun, also, wenn es einfacher ist, mit Prototype dann, die in Ordnung ist, aber kein Scriptalicious).

Ich nehme an, es hat bekommt ein Weg, um diesen Code mit einem paar Zeilen zu tun, aber ich bin nicht vertraut genug mit Javascript wissen, wie man am effektivsten tun.

Answer 1

Dies könnte nicht konventionell sein, aber Sie können den <marquee> Tag versuchen

es funktioniert sowohl in IE und FF, und ich das letzte Mal überprüft, auch Safari.

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

sollten Sie geben, was Sie wollen,
und man kann sie wie jede <div> ...
Stil und dann gibt es den zusätzlichen Vorteil, da sie keine Javascript ...

Bearbeiten in Reaktion auf Ihren Kommentar

Es kommt noch besser, versuchen Sie dies in jedem Browser

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

Und dies in 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)" 

Als Attribute des Zeltes Tag ...

Answer 2

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

Versuch etwas wie das vielleicht.

können Sie auch das .scrollTop- ändern = 1 bis .scrollTop + 1 = in die andere Richtung zu bewegen.

Sie würden auch eine scrollbare div benötigen, die durch Einschränken der Größe und Einstellung der Überlaufstil Eigenschaft dh getan werden kann. style = "width: 200px; height: 300px; overflow: auto"

Answer 3

Versuchen Sie die div scrollTop ändern. Es gibt ein Beispiel hier .

Answer 4

Ich sehe, dass die richtige Antwort noch nicht gegeben ist. Ich glaube, Sie bei cloneNode suchen müssen () zum Beispiel. Und klonen das Element, das Sie blättern möchten. Wenn das erste Element am letzten Punkt des Scrollens dann nach dem ersten Elemente des duplizierte Element platzieren. Und wenn das duplizierte Element fast am Ende ist, legen Sie das Original nach dem Duplikat und so weiter!