jQuery UI: Slider inside of a Tab?

I want my tab content area to ha开发者_开发技巧ve a vertical scrollbar to the right using the jQuery UI Slider API. The tab content area will have a fixed height, and the vertical overflow needs to cause a jQuery UI Slider to appear to scroll through the content.

The specific issue I'm having trouble with is how to structure the HTML and what to style each element with in CSS.

Why do you want to use slider as a scroll bar?

Normally, you should simply pick a scroll bar plugin and go with it, instead of trying to make a control to do what it is not designed for.

This page lists a few jQuery plugins for scoll bars. Here are a few of them:

• jScrollPene (demo)
• jQuery Custom Content Scroller (demo)
• Tiny Scrollbar

But, if you insist using jQuery UI Slider, someone has already made this work, with a demo page.