blocks|key|1103690|text|由于我们对现有的解决方案不是很满意，所以我们从头开始实现了一个。我们的解决方案是一个完全兼容的jQuery+UI的ticker插件(也与他们的主题框架兼容)，并且经过了完全的单元测试。我们还没有时间在每个浏览器上测试它，所以欢迎反馈(对于问题，请在下面的Github项目网站上打开问题)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|1103691|提供了一个特殊风格的+(类似Twitter)。主存储库可以在+中找到。有几个选项可以自定义滚动条(上面提到的Github存储库中的文档)。|1103692|截图：|1103693|​|1103694|📷|atomic|1103695|1103696|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/medihack/fiji/blob/master/src/jquery.fiji.ticker.js|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/de5fcd9c8b56319c649210a51ac01a84.png|imageAlt^0|1A|J|0|U|1|0|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@$9|14|A|15|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|16|8|@]|D|@$9|17|A|18|1|19]]|E|$]]|$1|H|3|I|5|6|7|1A|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|1B|8|@]|D|@]|E|$]]|$1|L|3|M|5|N|7|1C|8|@]|D|@$9|1D|A|1E|1|1F]]|E|$]]|$1|O|3|K|5|6|7|1G|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|1H|8|@]|D|@]|E|$]]]|Q|$R|$5|S|T|U|E|$V|W]]|X|$5|Y|T|Z|E|$10|11|12|-4]]]]

As we were not really satisfied with the existing solutions we implemented one from scratch. Our solution is a fully jQuery UI compatible ticker plugin (also compatible with their theming framework) and fully unit tested. We didn't yet have the time to test it under every browser, so feedback is welcome (for problems please open issues on the below Github project site).

A special styled <a href="http://medihack.github.com/fiji/demos/ticker/ticker.html" rel="noreferrer">demo</a> (Twitter like) is available <a href="http://medihack.github.com/fiji/demos/ticker/ticker.html" rel="noreferrer">here</a>.
The main main repository can be found <a href="https://github.com/medihack/fiji/blob/master/src/jquery.fiji.ticker.js" rel="noreferrer">here (ticker branch)</a>. There are several options to customize the ticker (documentation at the above mentioned Github repository).

Screenshot:

<img src="https://i.stack.imgur.com/ynVdA.png" alt="Ticker Screenshot">

blocks|key|3167556|text|这里有一个很好的解决方案：Scrolling+List|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3167557|entityMap|0|LINK|mutability|MUTABLE|url|http://www.fiveminuteargument.com/blog/scrolling-list^0|D|E|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Here is a nice solution: <a href="http://www.fiveminuteargument.com/blog/scrolling-list" rel="nofollow">Scrolling List</a>

blocks|key|4578107|text|试试http://www.htmldrive.net/items/demo/38/Multi-purpose-slideshowtext-scrollerimages-scroller-jquery-plugin|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4578108|entityMap|0|LINK|mutability|MUTABLE|url|http://www.htmldrive.net/items/demo/38/Multi-purpose-slideshowtext-scrollerimages-scroller-jquery-plugin^0|2|2W|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Try <a href="http://www.htmldrive.net/items/demo/38/Multi-purpose-slideshowtext-scrollerimages-scroller-jquery-plugin" rel="nofollow">http://www.htmldrive.net/items/demo/38/Multi-purpose-slideshowtext-scrollerimages-scroller-jquery-plugin</a>

blocks|key|4578121|text|这是我所能找到的最好的解决方案：Scrolling+List|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4578122|entityMap|0|LINK|mutability|MUTABLE|url|http://www.fiveminuteargument.com/blog/scrolling-list^0|G|E|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

That is the best solution I was able to find:
<a href="http://www.fiveminuteargument.com/blog/scrolling-list" rel="nofollow">Scrolling List</a>

blocks|key|4578198|text|如果您想编写自己的div，可以使用overflow:+hidden创建一个固定宽度/高度的div，然后在其中创建另一个position:+relative属性，其中填充了来自您的提要(twitter帖子或类似内容等)的内容。然后，当页面加载时，只需更改内部div的top:+CSS值(如果希望列表向上滚动，则top值应从零开始递减)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4578199|我怀疑这是否有帮助，但这是一个很好的，简单的方式来获得滚动，而不使用jQuery插件。|4578200|entityMap^0|9|3|H|G|19|3|1N|I|3K|3|3O|4|4A|3|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]|$9|O|A|P|B|C]|$9|Q|A|R|B|C]|$9|S|A|T|B|C]|$9|U|A|V|B|C]|$9|W|A|X|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Y|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|I|$]]

If you want to write your own, make a <code>div</code> of fixed width/height, with <code>overflow: hidden</code>, then create another <code>div</code> inside it, with the <code>position: relative</code> property, filled with content from your feed (twitter posts, or similar, etc). Then, when the page loads just make the inner <code>div</code>'s <code>top:</code> CSS value change (if you want the list to scroll up, the <code>top</code> value should decrement from zero).

I doubt this helps, but it is quite a good, simple way to get a scrolling without using a jQuery plugin.

Is there a good Javascript library for generating an automatically scrolling list like the "Top Tweets" on the Twitter homepage? Preferable as jQuery plugin. It should also support AJAX functionality (to add new list items dynamically).

An automatically scrolling live ticker (like the "Top Tweets" of Twitter)

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

有没有一个好的Javascript库来生成自动滚动列表，比如Twitter主页上的“热门推文”？最好是作为jQuery插件。它还应该支持AJAX功能(动态添加新的列表项)。

问一个自动滚动的实时滚动条(就像Twitter的“热门推文”)
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问一个自动滚动的实时滚动条(就像Twitter的“热门推文”)EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问一个自动滚动的实时滚动条(就像Twitter的“热门推文”)
EN