jquery.serialScroll 不工作
我遇到 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 又包含在另一个 div 中,基本上可以将其视为 4-5 级树状结构
正文 -> div[id=包装器] -> div[类=主] -> div[类=内容] -> div[类=框架] -> div[类=bg] -> div[class=主要内容] -> 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;
}
我看到的是 - i看到前置的项目,但看不到动画/效果。事实上 .serialScroll 似乎根本没有任何影响。
我已经包含了以下 js 文件。 - jquery.serialScroll-1.2.2-min.js - jquery.scrollTo-1.4.2-min.js - 显然 jquery 142
任何帮助将不胜感激。
谢谢。
I am having issues with jquery.serialScroll
not working in my case.
I have a div id=ticker
which basically works like a scrolling ticker. something like this - http://www.tinymassive.com/ (whats happening section). So i am prepending dynamic content to div id=ticker
, and I want scrolling animation from top-to-bottom as shown in the link.
$('#ticker').serialScroll({
items:'div',
duration:50000,
force:false,
axis:'y',
easing:'linear',
lazy:true,
interval:1,
step:2
});
Dont think the above code is working, even if i comment i see no change in the behavior.
The div id=ticker
is contained in another div which is contained in another div, basically think of it like 4-5 level tree like structure
body -> div[id=wrapper] -> div[class=main] -> div[class=content] ->
div[class=frame] -> div[class=bg] -> div[class=primary-content] ->
div[id=ticker]
Heres the 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;
}
Also if it helps - the ticker div contains a list of div[class=breadcrumps]
, which i am trying to scroll
.breadcrumbs{
border-bottom:1px solid #ebebeb;
padding:6px 0 6px 0;
overflow:hidden;
clear:both;
}
What i see is - i see the items getting prepended, but dont see the animation/effects. In fact the .serialScroll does not seem to have any affect at all.
I have included the following js files.
- jquery.serialScroll-1.2.2-min.js
- jquery.scrollTo-1.4.2-min.js
- and obviously jquery 142
Any help would be appreciated.
Thanks.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论