我遇到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
});
不要认为上面的代码是有效的,即使我发表评论,我认为行为没有变化。
div id=ticker
包含在另一个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 =股票]
继承人... ...
#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
任何帮助都将不胜感激。
感谢。