2

jquery.serialScroll在我的情况下，我遇到了不工作的问题。

我有一个 div id=ticker，它基本上就像一个滚动代码。像这样的东西 - http://www.tinymassive.com/（发生了什么部分）。因此，我将动态内容添加到 div id=ticker，并且我希望从上到下滚动动画，如链接所示。

$('#ticker').serialScroll({
                    items:'div',
                    duration:50000,
                    force:false,
                    axis:'y',
                    easing:'linear',
                    lazy:true,
                    interval:1, 
                    step:2 
                    });

不要认为上面的代码是有效的，即使我评论我看不到行为的变化。

divid=ticker包含在另一个 div 中，而另一个 div 又包含在另一个 div 中，基本上可以将其视为 4-5 级树状结构

body -> div[id=wrapper] -> div[class=main] -> div[class=content] -> div[class=frame] -> div[class=bg] -> div[class=primary-content ] -> div[id=ticker]

这是css...

#wrapper {
 width: 942px;
 margin: 0 auto;
 position:relative;
 overflow:hidden;
}

.main{
 width:942px;
 margin:163px 0 0;
 overflow:hidden;
}

.content{
 background:url(../images/content-bg.gif) repeat-y;
 overflow:hidden;
 width:662px;
 float:left;
}

.frame{
 background:url(../images/frame-bg.gif) no-repeat 0 0;
 width:662px;
}

.bg{
 background:url(../images/bg-bg.gif) no-repeat 0 100%;
 width:662px;
 overflow:hidden;
}
.primary-content{
 padding: 12px 20px 40px 22px;
 width:620px;
 overflow:hidden;
}

#ticker {
    overflow: hidden;
}

此外，如果它有帮助 - 股票 div 包含一个列表div[class=breadcrumps]，我正在尝试滚动

.breadcrumbs{
 border-bottom:1px solid #ebebeb;
 padding:6px 0 6px 0;
 overflow:hidden;
 clear:both;
}

我看到的是 - 我看到项目被前置，但没有看到动画/效果。事实上 .serialScroll 似乎根本没有任何影响。

我已包含以下 js 文件。- jquery.serialScroll-1.2.2-min.js - jquery.scrollTo-1.4.2-min.js - 显然是 jquery 142

任何帮助，将不胜感激。

谢谢。

4

0 回答 0