水平滚动新闻滚动条用 JS 或 JQuery 哪个好

StackOverflow https://stackoverflow.com/questions/41027

题

我正在寻找一些 JQuery 或 JS，它们允许我生成水平滚动的“新闻收报机”列表。

生成的 HTML 也需要符合标准。

我努力了 liScroll 但这有一个打破的习惯（某些内容最终出现在滚动开始的第二行），特别是对于较长的列表。

我也尝试过 此新闻行情 但是当包含 DOCTYPE 时，滚动将在每个周期结束时摇晃而不是平滑地循环。

任何建议表示赞赏。

编辑

因此，感谢 Matt Hinze 的建议，我意识到我可以用 JQuery animate 做我想做的事情（我需要连续滚动，而不是像示例那样离散滚动）。然而，我很快就遇到了与 liScroll 类似的问题，毕竟我意识到 CSS 问题（一如既往）是造成这种情况的原因。

解决方案：liScroll - 将默认的“var stripWidth = 0”更改为 100 之类的值，以提供一点空间并避免换行。

有帮助吗？

解决方案

Smooth Div Scroll 也可以用作新闻行情/股票行情。它可以在鼠标悬停或鼠标按下时暂停，如果您愿意，它可以无限循环。

这是 这个例子 带有运行的股票。

其他提示

这是另外 2 个似乎更容易实现的解决方案：

  1. 新贴纸
  2. 新闻收报机（BBC 风格）

另一种解决方案也是 jQuery webTicker;它与 liscroll 非常相似，但是解决了整个列表完成后滚动条停止的问题；同时还添加了一些新的奇特功能，例如；运动方向；速度;以及每页使用多个代码的能力。

liscroll 中出现的第二行错误可以通过添加包含不可破坏的空格实体的列表项来“修复” <li>&nbsp;</li> 在每个列表的末尾；）

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top