YUI: ScrollTabView Makes Tabbed Views Even Better

I’ve recently been tinkering with the excellent Yahoo! UI Library. My first contribution to the community is ScrollTabView, an extension of TabView that uses a scrolling animation to switch between tabs. (Just check out the examples.)

My inspiration was Panic’s Coda site as well as a few others. Now it’s easy to create a similar effect on your site using YUI.

Check out my new YUI addons page to grab the code and view more examples!

Update: I’ve been featured on the official YUI Blog!

Update 2 (May 27): I’ve been featured on Ajaxian!

Published by Reid Burke

Hi, I'm @reid. I work on developer tools at Yahoo. I serve at Awakening Church with a focus on technology. I also enjoy riding motorcycles.

Join the Conversation


  1. Nice one! BUT! I would need installation procedure, what do i do with the piece of code? Thanks in advance!

  2. Done! I’ve updated my YUI addon page with working example and download links. Thanks for your patience.

    I’m currently unable to create a step-by-step guide, but I hope the provided code samples are clear enough for you to apply toward your own use. The main difference from a regular TabView is that you need to specify a fixed height and width as well as a scroll direction.

Leave a comment

Your email address will not be published. Required fields are marked *