jqueryui选项卡:垂直滚动内容时是否可以使导航选项卡可见? [英] jqueryui tabs : is it possible to keep the navigation tabs visible when content is scrolled vertically?

问题描述

我的jqueryui标签集由相当长的内容的几页组成-用户必须垂直滚动才能在每个文档中移动.这是一个简化的版本:

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

如果用户正在阅读正文并向下滚动，则导航选项卡将滚动出视图.如果用户随后希望查阅尾注，则用户必须向后滚动到文档顶部才能使导航选项卡可见，因此他可以单击尾注"选项卡.我一直希望导航标签始终可见，即使垂直滚动内容也是如此，因此导航标签似乎在页面顶部浮动".使用jqueryui选项卡插件可行吗?

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?

谢谢

推荐答案

我相信您可以通过将制表符内容DIV包裹在具有固定高度并具有overflow: scroll;样式的DIV上来实现它.

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.

这篇关于jqueryui选项卡:垂直滚动内容时是否可以使导航选项卡可见?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！