问题标签 [serialscroll]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1690 浏览

jquery - Jquery SerialScroll:左右连续

我想知道是否有人可以帮助我.. 我一直在寻找适合我需要的卷轴。只要按住左键或右键(使用onmousedown),我希望能够制作一个向左和向右连续滚动的滚动条。

SerialScroll是离我最近的滚动条。但是,我的尝试没有成功。XD

Ariel Flesler(SerialScroll 的创建者)在他的博客上写了一篇关于“Jquery.SerialScroll 博士”的文章,他在其中描述了如何制作连续滚动条,以及如何从左到右滚动。但是他没有描述如何将两者结合起来。

有人可以帮我吗?最好的问候,安德斯

0 投票
1 回答
2563 浏览

jquery - jQuery.scrollTo / jQuery.serialScroll 中的自动滚动功能非常疯狂

我使用以下教程为我的网站制作了一个视差内容滑块:http: //blog.themeforest.net/tutorials/create-a-funky-parallax-background-effect-using-jquery/

我让它工作得很好,但想添加自动滚动功能。我通过添加 jQuery.serialScroll 并使用 setInterval 来做到这一点,但它现在像疯了一样工作。我猜滑块现在每 5 秒通过 3 张幻灯片,而不是每 5 秒 1 张幻灯片。我不知道如何使它正常工作。

这是我的 HTML 的一部分:

这是令人不安的 JS 代码:

拜托,任何人都知道如何让它以应有的方式工作(每 5 秒 1 张幻灯片)?

PS。请友善,我是该领域的新手;)

0 投票
1 回答
173 浏览

jquery - jQuery SerialScroll 在 Opera 10.63 中不起作用(无论如何对我来说)

嗨,我使用 jQuery Serial Scroll ( http://bit.ly/adKZp2 )创建了一个画廊类型页面

它在我需要的所有浏览器上都可以正常工作,除了 Opera(我正在 Mac 上使用 Opera 10.63 进行测试)。

我看不到任何错误,也没有收到任何 JS 错误——这让我有点发疯。是时候重新审视这个问题了。我基本上在做与演示相同的事情(http://demos.flesler.com/jquery/serialScroll/),它可以工作,但我的不行。

任何帮助将不胜感激。

我希望我只是错过了一些非常简单的东西。

0 投票
1 回答
1443 浏览

jquery - 如何在 serialScroll 中使用 CSS 类作为带有嵌套 HTML 元素的选择器项?

尝试使用 jQuery serialScroll 构建 HTML 幻灯片的幻灯片。但是,如果我的幻灯片包含与我要滚动的元素相匹配的嵌套元素,那么它的行为就会有点奇怪。

有没有办法将 CSS 类用作选择器项而不是 HTML 元素?

这是我见过的典型用法示例:

我想做以下事情(注意:用作项目值的 CSS 类):

在上面的示例中,如果您将 .mycssclass 附加到列表项元素并且在幻灯片 HTML 中嵌套了更多列表项,则您的幻灯片将在奇怪的方向上反弹。

我的标记如下所示:

0 投票
1 回答
526 浏览

javascript - 如何在 jQuery serialScroll 实例中引用“活动”项?

我正在为与幻灯片放映非常相似的摄影师编写功能。我决定使用 jQuery serialScroll 插件(它搭载在 scrollTo 插件上)来实现这种效果。我的代码基于serialScroll 演示页面上的幻灯片,这几乎正是我正在寻找的功能。

我已经让代码成功运行,但我想再实现一个效果。如果可能的话,我希望幻灯片中的项目(在我的情况下是<li>元素)默认为半透明,只有当前(或“活动”或“选定”)项目以 100% 不透明度显示。

我可以使用 CSS 轻松控制透明度,但我很难跟踪 serialScroll 动画到的最后一个项目。如何通过 jQuery 与当前“活动”项目进行交互,以便给它一个类或执行其他操作?

0 投票
2 回答
402 浏览

jquery - jQuery — 通过根据用户活动变化的变量更新函数的初始参数?

我不明白一旦设置了函数的初始参数,如何更新它们。

我正在使用一个名为serialScroll的插件。插件滚动到初始 $(elem).serialScroll({//...}) 设置中指示的项目。

我想要做的是在用户与页面交互时重新定义该项目的名称。我有另一个变量,它在用户滚动时成功获取信息,我有这么多。

我要做的就是让 serialScroll({)}使用该变量相应地更新它的“item: _ ”字段。

这是serialScroll代码:

0 投票
1 回答
1097 浏览

jquery - 如何让 jQuery 滑块只滚动一项而不是三项?

我的网站上有一个 jQuery 滑块。我在这个过程中使用了一个教程,但是这个滑块设置为滚动三个项目,但我希望它一次只滚动一个 onClick。除此之外,它工作得很好。

我看到这是因为“.pane” div 包含两组三个项目(这是两个不同的无序列表)。但是,当我更改“.pane”以包装每个单独的项目 (li) 时,它不起作用。

关于解决这个问题的最简单方法有什么想法吗?

0 投票
1 回答
556 浏览

jquery - 非 JavaScript 用户的 jQuery ScrollTo / serialScroll 可访问性

我已经成功实现了 Ariel Flesler 的 ScrollTo 和 serialScroll 插件 (http://plugins.jquery.com/project/ScrollTo) 用于垂直滚动溢出:隐藏 div。在这里,正常的滚动条不会出现,而是用户单击我创建的按钮,这些按钮使用 Flesler 的脚本实现渐进、轻松的滚动。但是,我的问题是我希望滚动条出现 - 仅适用于没有启用 JavaScript 的用户,这样他们仍然可以向下滚动并查看该 div 中的所有内容,而无法使用我手动实现的滚动条。

我一直在寻找答案,所以这真的是我最后的手段。谢谢!

0 投票
0 回答
141 浏览

jquery - 使用 jquery.serial 滚动浏览 href li

我将如何到达列表中的下一个项目;

使用 jquery 串行滚动, http: //flesler.blogspot.com/2008/02/jqueryserialscroll.html

0 投票
2 回答
672 浏览

jquery - jquery SerialScroll

我正在尝试使用 prev/next 按钮在我的一个轮播上实现 jquery serialScroll 但是我只有在我为 prev 和 next 传递唯一 id 时才能让它工作。我想做的是传入一个选择器。

所以使用这样的标记:

这似乎有效:

但这不会: