自动垂直滚动div内容循环

Question

我正在尝试找到一种简单的方法来使div中仅包含文本，从而自动垂直滚动文本。 我不想使用框架（尽管我确实使用Prototype，所以如果使用Prototype更容易，那很好，但是没有Scriptalicious）。

我认为必须有一种方法可以用几行代码来做到这一点，但是我对Javascript不够熟悉，无法知道如何最有效地做到这一点。

Answer 1

这可能不常见，但是您可以尝试<marquee>标签

它在IE和FF中都可以使用，而我上次检查时也使用了Safari。

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

应该给你你想要的
您可以像任何<div>一样设置它们的样式...
然后还有没有javascript的额外优势...

根据您的评论进行编辑

变得更好，在任何浏览器中尝试

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

而这在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)" 

作为字幕标签的属性...

Answer 2

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

尝试类似的东西。

您也可以将.scrollTop- = 1更改为.scrollTop + = 1以其他方式滚动。

您还需要一个可滚动的div，可以通过限制大小并设置溢出样式属性ie来完成。 style =“宽度：200px；高度：300px；溢出：自动”

Answer 3

尝试更改div的scrollTop 。 有一个例子在这里 。

Answer 4

我看到尚未给出正确的答案。 我认为您必须例如查看cloneNode（）。 并克隆您要滚动的元素。 当第一个元素位于滚动的最后一点时，请将重复的元素放在第一个元素之后。 当该重复元素几乎在末尾时，将原始元素放在重复元素之后，依此类推！