【问题标题】:Implementing circular scroller in jquery在 jquery 中实现循环滚动器
【发布时间】:2009-05-01 16:12:40
【问题描述】:

我正在寻找一个 jquery 插件来模拟垂直选取框。我需要它来支持:

  1. 滚动任何不透明(非结构化)的内容。没有 li,没有 div。用户甚至可以从 Word 中粘贴。
  2. 自动恒定滚动速度。
  3. 悬停时暂停。
  4. 循环滚动 - 滚动到结束后,从头开始平稳继续。没有向后滚动,没有可见的跳转。

我尝试了所有的代码、serialScroll、carousels 等...大多数都需要一些结构、列表、恒定宽度/高度的项目。他们还滚动完整项目(滚动、等待、滚动)。 但最大的障碍是要求 4。没有人提供“假”尾巴来顺利重启滚动。

是我遗漏了什么,还是我必须自己写这个?

【问题讨论】:

  • 我不太确定您所说的“垂直选取框”是什么意思。例如,您是否希望文本作为一个大块垂直滚动,就像电影学分那样无限循环(或换行)或其他什么?比如,假设你有一个 100px 高和 100px 宽的文本块。你有一个 200px 的选框区域......你希望这块文本向下滚动,然后让隐藏的部分神奇地包裹到顶部并继续滚动?如果这就是你的意思,请告诉我,我会看看我能做些什么来为你实现这一目标。
  • 非常接近。我有 100x150 块。我需要它向上滚动,当内容完全消失时,它会从下面重新启动。有关所需行为,请参阅 in4gan.co.il/…

标签: javascript jquery


【解决方案1】:

你想要的 2 个活生生的例子:

http://www.learningjquery.com/2006/10/scroll-up-headline-reader

http://woork.blogspot.com/2008/10/automatic-news-ticker-with-vertical.html

两者都是使用 jquery 编写的。这是你要找的吗?

【讨论】:

  • 第二个非常接近,但仍然使用结构化标记和“跳转滚动”。
  • “结构化标记”是什么意思?你在这里看到我的其他评论了吗?我在一个现场网站上使用了它,我对此几乎感到满意(它像你所说的那样跳跃滚动,但它是我发现的最好的)。
【解决方案2】:

我目前正在使用:http://jdsharp.us/jQuery/plugins/jdNewsScroll/1.1/

这似乎也符合您的要求。

【讨论】:

    【解决方案3】:

    我会看看Glimmer。一种新的设计器工具,可帮助生成像这样的酷 UI 小部件所需的所有代码。

    【讨论】:

      【解决方案4】:

      你应该试试http://flowplayer.org/tools/demos/scrollable/autoscroll.html

      问题是从头到尾滚动不是很流畅,而是跳转到头...也许您可以根据您的要求编辑代码...

      编辑:

      --> http://www.maaki.com/thomas/SmoothDivScroll/index.html

      它是一个使用 jQuery 进行自动滚动的小教程。 Thr 问题是,它应该与 div 一起使用,并且只能水平工作。但是如果你有一些javascript经验的话,改变代码使其垂直滚动应该没有问题。

      【讨论】:

        【解决方案5】:

        您可能无法使用Cycle plugin 实现此目的。要么使用它令人印象深刻的 API,要么对其进行一些扩展。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2011-06-10
          • 2018-07-09
          • 2012-07-01
          • 1970-01-01
          • 1970-01-01
          • 2018-12-09
          • 1970-01-01
          相关资源
          最近更新 更多