views:

9

answers:

1

My jqueryui tab-set consists of several pages of fairly lengthy content -- the user must scroll vertically to move through each document. Here's a simplified version:

 /MAIN TEXT\  /END-NOTES\
 =============================

 blah blah blah
 .
 .
 . (lots more text)
 .
 the end

If the user is reading through the main text, and has scrolled down, the navigation tabs scroll out out view. If the user then wishes to consult an end-note, the user must scroll back to the top of the document in order to make the navigation tabs visible so he can click on the END-NOTES tab. I would like to keep the navigation tabs visible at all times, even when the content is being scrolled vertically, so the nav-tabs appear to "float" at the top of the page. Is this feasible using the jqueryui tabs plugin?

Thanks

A: 

I believe you could do it by wrapping the tab content DIVs with a DIV that has a fixed height and have a overflow: scroll; style on it.

Gert G
Thanks, Gert. It works well, and making each content DIV a fixed height and applying the overflow: scroll also works. I appreciate your taking the time to reply. Regards, Tim.
Tim
No problem, Tim. I'm glad it worked out for you.
Gert G