开发者

How to implement scrolling content widget

开发者 https://www.devze.com 2022-12-24 03:10 出处:网络
Example website is http://www.wikihow.com/Main-Page, check the \"Recent Changes\" heading on the right s开发者_开发知识库ide.

Example website is http://www.wikihow.com/Main-Page, check the "Recent Changes" heading on the right s开发者_开发知识库ide.

I am really amazed with the implementation of such scroll bars.

Google also uses something very similar to this.

Can someone give me some idea how to do this using jquery.


They use JSONP (JSON with padding). When the page is loaded they reference the following url: http://pad1.whstatic.com/Special:RCWidget?function=rcwOnLoadData which sends JSON data wrapped in a function. All that is left is the rcwOnLoadData to loop through the data using setInterval and show it in a target div. An important note is that they do not use AJAX, all the data is pushed to the client at page load time.

0

精彩评论

暂无评论...
验证码 换一张
取 消