javascript - 水平滚动新闻滚动条用 JS 或 JQuery 有什么好用的

标签 javascript jquery scroll client-side

我正在寻找一些 JQuery 或 JS 来生成水平滚动的“新闻行情”列表。

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

我试过了liScroll但这有打破习惯的习惯(有些内容在滚动开始时出现在第二行),尤其是对于较长的列表。

我也试过this News Ticker但是当包含 DOCTYPE 时,滚动将在每个循环结束时颠簸而不是平稳循环。

如有任何建议,我们将不胜感激。

编辑

感谢 Matt Hinze 的建议,我意识到我可以用 JQuery animate 做我想做的事情(我需要连续滚动而不是像示例那样离散滚动)。但是,我很快遇到了与我在使用 liScroll 时遇到的问题类似的问题,毕竟我意识到 CSS 问题(一如既往)是负责任的。

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

最佳答案

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

这是 the example带有运行代码。

关于javascript - 水平滚动新闻滚动条用 JS 或 JQuery 有什么好用的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41027/

相关文章:

javascript - 使用正则表达式解析 css3 选择器 (javascript)

jquery - JCrop - FancyBox -- Jcrop 无法正常工作

javascript - 数据表上的行分组和小计

html - 表格不会在行上使用鼠标滚轮滚动,仅在滚动条上滚动

javascript - 如何在 javascript 中创建一个 .replace 循环?

javascript - 从函数内重新分配全局变量

jquery - 带 Assets 管道的 Rails 3.1,link_to :confirm message showing twice?

javascript - 使用 Javascript 在移动 View 中滚动时按钮固定到页面

user-interface - OpenGL在可滚动面板中绘制部分对象

javascript - 键盘选择在 safari 中不起作用