How to implement scrolling content widget

Question

Example website is http://www.wikihow.com/Main-Page, check the "Recent Changes" heading on the right side.

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.

Answer 1

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.