jqueryui tabs : is it possible to keep the navigation tabs visible when content is scrolled vertically?

StackOverflow https://stackoverflow.com/questions/3123990

문제

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

도움이 되었습니까?

해결책

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.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top