javascript - 需要在页面上保留选项卡 - 始终在页面的前面

Question

需要将标签保留在页面上 - 始终位于页面的前面。 如果你点击一个，两个就可以了，但是当你点击三个时，页面滚动就会出现在选项卡上方。请问如何保留前面的标签？

这是我的 jsfiddle 链接 http://jsfiddle.net/97tbk/737/

这是代码

<div id="tabs">
    <ul>
        <li><a href="#fragment-1"><span>One</span></a></li>
        <li><a href="#fragment-2"><span>Two</span></a></li>
        <li><a href="#fullpage"><span>Three</span></a></li>
    </ul>

    <div id="fragment-1">
        <p>First tab is active by default:</p>
        <pre><code>$( "#tabs" ).tabs(); </code></pre>
    </div>

    <div id="fragment-2">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
    </div>

    <div id="fullpage">
        <div class="section">One</div>
        <div class="section">
            <div class="slide">Two 1</div>
            <div class="slide">Two 2</div>
        </div>
        <div class="section">Three</div>
        <div class="section">Four</div>
    </div>
</div>

Answer 1

您需要将 z-index 添加到您的无序列表中。试试这个:

ul {
    z-index: 9999;
    position: relative;
}

我现在无法测试此代码段，但我很确定它可以工作。