问题标签 [serialscroll]

我正在寻找使用jQuery.SerialScroll（基于jQuery.ScrollTo）实现水平滚动。

正如我在这篇文章中讨论的那样，我目前正在使用 liScroll 进行连续水平滚动。

但是，现在我需要离散滚动，并且 SerialScroll 非常适合垂直滚动。

出于某种原因，如果将“axis”属性指定为“x”，则不会发生任何事情。

我什至无法获得从右到左滚动的 SerialScroll 示例。

我有这样的 HTML：

我有这样的jQuery，当轴为'y'时有效

有任何想法吗？

//编辑（接受答案）

对于那些出现的人，接受的答案消除了对“serialScroll”的需要（只需要scrollTo）。高度不是必需的。请务必将 $('scroller') 更改为 $('mywrap') 或 $(target.parent().parent()) 之类的内容。您还可以像这样设置自动滚动：

将#news ul li 替换为适当的选择器。

这是我放置的测试页面：http: //02ce746.netsolhost.com/tst/a.htm

我正在尝试在页面加载时自动滚动 DIV。我在 script.js 中尝试了很多不同的组合，以至于我即将放弃。任何人都可以帮忙吗？

网站位于@beattrainsoundsystem.com/home

我正在使用 serialScroll 为许多包含跳舞角色的 div 设置动画，并使用 LocalScroll 为内容 div 设置动画。我的问题是，当您尝试加载带有哈希的 URL（例如 beattrainsoundsystem.com/home#store）时，字符 div 不会动画到正确的位置。我知道要实现这一点，我需要为“start：”设置创建一个条件函数，以根据 URL 中的哈希值更改“start：”值。作为 jQuery 的新手，我不确定如何编写代码。

我已经在使用 URI 解析器插件来返回 URL 中的哈希值，所以对于“ http://www.beattrainsoundsystem.com/home#store ”

将返回“商店”

所以我需要的是一个函数，它说：

这显然没有正确编码，但是我需要使这个工作的脚本概念化。

谢谢你的帮助！

这是我尝试在其上实现的页面。

www.yosoh.com/2010/advertising/beyond/

我有一个自定义脚本，其中计算出所有图像的宽度，将其加起来，然后设置该页面的宽度......我希望能够设置顶部的箭头以滚动到下一个 div （ div.portfolioImage）。

我已经尽我所能地关注了 Ariel Fischer 的演示和文档……但有些东西一直在逃避我。我终于在页面加载时得到了一些“动作”。但说实话，我不知道是我的 html 结构、css 样式还是 serialScroll 的实现导致了这个问题。

这是按钮的代码：

这是脚本，就像现在一样：

jquery.serialScroll在我的情况下，我遇到了不工作的问题。

我有一个 div id=ticker，它基本上就像一个滚动代码。像这样的东西 - http://www.tinymassive.com/（发生了什么部分）。因此，我将动态内容添加到 div id=ticker，并且我希望从上到下滚动动画，如链接所示。

不要认为上面的代码是有效的，即使我评论我看不到行为的变化。

divid=ticker包含在另一个 div 中，而另一个 div 又包含在另一个 div 中，基本上可以将其视为 4-5 级树状结构

body -> div[id=wrapper] -> div[class=main] -> div[class=content] -> div[class=frame] -> div[class=bg] -> div[class=primary-content ] -> div[id=ticker]

这是css...

此外，如果它有帮助 - 股票 div 包含一个列表div[class=breadcrumps]，我正在尝试滚动

我看到的是 - 我看到项目被前置，但没有看到动画/效果。事实上 .serialScroll 似乎根本没有任何影响。

我已包含以下 js 文件。- jquery.serialScroll-1.2.2-min.js - jquery.scrollTo-1.4.2-min.js - 显然是 jquery 142

任何帮助，将不胜感激。

谢谢。

我正在尝试使用 - jQuery.ScrollTo / jQuery.SerialScroll 为我们的网站开发自动水平滚动。我不确定这是否是最好的 jquery 库，但如果有更好的，请告诉我。

这是我想要的行为，请查看foursquare 的“近期活动”列表。将刷新的数据将来自我使用 window.setInterval 每隔几秒发出的 ajax 请求。我不是一个真正的 CSS/java 脚本专家，所以我无法弄清楚 jQuery.SerialScroll。

这是网站- 查看“实时工作源”列表。目前列表确实刷新了来自ajax调用的数据，但我没有看到效果，动画，事实上我什至不认为正在使用serialScroll。现在我正在做一个 - $('#feed-ticker').prepend(content) 来预先附加新到达的数据。

您可以查看源代码以查看当前代码。

任何帮助将非常感激。谢谢。

花这么多时间试图解决这个问题，但这里有：

要求：

• 项目的垂直列表，在 div 容器中，结构 div/ul/li
• 用户应该能够滚动列表，通过将鼠标悬停在 div 上进行平滑滚动，向顶部和底部加速滚动
• 向两端滚动是无限的（即在列表的末尾，列表再次开始，而不是改变方向）
• 列表是通过js动态生成的
• 单击时选定的项目移动到中心，鼠标移出时，离中心最近的项目移动到中心
• 列表项没有固定高度

在放弃滚动我自己的解决方案之后......我尝试了 jcarousel，它可以被说服做所有这些事情，除了平滑滚动。此外，当单击列表末尾附近的项目 [使用 scroll()] 并且当前项目是第一项时，列表会一直向后滚动到最后，而不是仅仅滚动到下一个项目。

接下来是 jquery.serialscroll。一切正常，除了无休止的滚动，或者更确切地说，可以使底部无休止地滚动（通过相对 ul 中列表项的绝对定位），但我不知道如何滚动到顶部。

在滚动时，可以假设没有添加新项目。

没有平滑和可变/不可预测的滚动速度的要求，这些问题似乎并不难解决，但所有结合起来我似乎无法找到解决方案。

有没有我错过的 jquery 插件，或者有人使用 serialscroll 或 jcarousel 让它工作？

希望这是足够的信息，并且翻译不会丢失太多。

提前欢呼和感谢

我在实现 serialscroll 时遇到了一个可怕的问题。我已将其设置为每个列表项都是 100% 宽度，以进行全屏幻灯片放映。

你可以在这里查看完整的代码：http ://www.reverenddan.net/so/

CSS 相当简单：

和相应的 HTML：

这一切都是一种享受，但是如果您在第二帧或第三帧调整窗口大小，则包含图像的列表项似乎以与浏览器窗口不同的速率调整大小，而不是保持居中。我使用了一些 jquery 来垂直对齐图像，但我认为 text-align: center 和 100% 宽度足以将它们保持在适当的位置。

任何想法将不胜感激，我已经走到了尽头！

对于我的网站，我正在尝试进行水平导航。导航与插件 jQuery.serialScroll 配合得很好，但是我无法确保所选项目居中，尤其是当不同项目具有不同宽度时。

我可以更改偏移量，但它会更改整个幻灯片，而不是单个项目。

这是HTML：

如果我需要更改插件或其他建议，请告诉我！

十分感谢！

我正在尝试将 jquery.serialScroll 实现为具有固定宽度和随机宽度图片的画廊（此处）。一切正常，但我无法正确设置偏移设置，因此当您滚动到最后一张图片时，右侧有很多灰色空间。当我尝试设置偏移量（大约 700）时，画廊冻结了 :(

你知道一些简单的解决方案如何将最后一张图片与右端对齐吗？

预先感谢您的回答。

JS：

（对于 html 和 css，请点击链接）