Question

我创建了一个简单的模态对话框窗口。在窗口内，我创建了两个选项卡。在标签中，我放了一个动态树。单击时，动态树的大小会增大。发生这种情况时，我会在模态对话框窗口的侧面找到一个滚动条。

问题是当我向下滚动时，对话框中的标签标题消失了。有没有办法确保标签标题是固定的？换句话说，不是让对话框可滚动，标签是否有滚动条？

我对css和javascript非常环保。选项卡显示在此模式对话框中。从那时起，当展开树而不是选项卡时，对话框变为可滚动。

<div id="dialog" title="File Browser">
    <div id="tabs">
       <ul>
         <li><a href="#finance">Finance FileShare</a></li>
         <li><a href="#hr">HR Fileshare</a></li>
       </ul>
     <div id="finance">
          <div id="financetree"></div>
     </div>
     <div id="hr">
            <div id="hrtree"></div>
     </div>
     </div>
     <div>Active node: <span id="echoActive">-</span></div>
</div>

Answer 1

该插件会向您的面板添加一个类.ui-tabs-panel，在您的情况下会添加元素#finance和#hr。

以下CSS将修复这些面板的高度并添加垂直滚动条：

.ui-tabs-panel {
    height: 300px;
    overflow-y: auto; // show vertical scroll if necessary
    overflow-x: hidden; // hide horizontal scroll
}

<强> DEMO

如何将滚动条放到jquery ui模式对话框中的jquery ui选项卡？

1 个答案: