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

Question

我需要一个 div，里面有文本，它将从上到下循环滚动。

实际上我在这里找到了我需要的东西：链接

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

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

margins via JS

等？

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

试试这个..

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();