jquery.serialScroll不工作
我的jquery.serialScroll在我的案例中不起作用 我有一个divid=ticker,它基本上就像一个滚动的ticker。类似这样的事情-发生了什么部分。因此,我将动态内容预先添加到div id=ticker,并且我希望从上到下滚动动画,如链接中所示jquery.serialScroll不工作,jquery,serialscroll,Jquery,Serialscroll,我的jquery.serialScroll在我的案例中不起作用 我有一个divid=ticker,它基本上就像一个滚动的ticker。类似这样的事情-发生了什么部分。因此,我将动态内容预先添加到div id=ticker,并且我希望从上到下滚动动画,如链接中所示 $('#ticker').serialScroll({ items:'div', duration:50000, f
$('#ticker').serialScroll({
items:'div',
duration:50000,
force:false,
axis:'y',
easing:'linear',
lazy:true,
interval:1,
step:2
});
不要认为上面的代码是有效的,即使我发表评论,我也看不到行为的变化
div id=ticker包含在另一个div中,而另一个div包含在另一个div中,基本上可以将其看作是4-5级树状结构
正文->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;
}
如果有帮助的话-ticker 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
-显然是jquery142
任何帮助都将不胜感激
谢谢