需要将标签保留在页面上 - 始终位于页面的正面

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;
}

我现在无法测试这个片段,但我很确定它有效.