jquery.serialScroll 不工作

发布于 2024-08-27 15:33:58 字数 1936 浏览 10 评论 0原文

我遇到 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文