CODEWITHSUNDEEP
javascriptjqueryhtmlcss
Alok Swain
Alok Swain

Reputation: 6519

How to implement scrolling content widget

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.

Upvotes: 1

Views: 408

Answers (1)

Darin Dimitrov
Darin Dimitrov

Reputation: 1039328

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.

Upvotes: 4

Related Questions