javascript - jquery UI Tab 不随容器滚动

Question

设置:

我有一个包含 div，它是可滚动的。这是我的 jquery ui 选项卡 div 的容器。

问题:

当我在 IE8 中滚动容器时，它会滚动其中的其他内容，但 jquery UI 选项卡是固定的，就像 position=fixed 一样。在 FF 中工作正常。欢迎任何帮助。非常感谢

CSS:

#content {
    overflow:auto;
    margin: 1px;
    height: 700px;
}

div.content-container {
    border: solid 1px #C8C8C8;
    padding:10px;
    background-color: #F5F3E5;
    margin: 1px 2px 10px 1px;
}

js:

$('#tabs').tabs();

html:

<div id="content">
    <div class="content-container">
        <div id="tabs">
         </div>
    </div>
</div>

Answer 1

在滚动容器中添加position:relative。这是 IE 中的常见问题。