DIV 内文本的垂直滚动（循环）答案

【问题标题】：Vertical scrolling of the text inside DIV (in a loop)DIV 内文本的垂直滚动（循环）
【发布时间】：2015-08-20 05:53:58
【问题描述】：

我需要一个带有文本的 div，它会在循环中从上到下滚动。

其实我在这里找到了我需要的：Link

但问题是我在示例中使用了 CSS3，并且滚动在 IE10 浏览器下不起作用，因为我们不支持 CSS3。

是否有一些解决方案可以获得与上述示例相同的结果？也许通过使用插件，管理margins via JS等？

【问题讨论】：

必须使用 javascript 在一组间隔内更改 margin-top

标签： javascript jquery html css vertical-scrolling

【解决方案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)"

作为选框标签的属性...

【讨论】：

【解决方案2】：

试试这个..

JS小提琴链接：http://jsfiddle.net/0pfwkw03/2/

function run(){
var top = parseInt($(".inner").css("top").replace("px",""));
var height = $(".outer").outerHeight();
if(top <  height)
{
   $(".inner").animate({"top":height},5000,run)           
}
else
{
    $(".inner").css({"top":-height});
    run();
}

}
run();

【讨论】：