Question

我正在努力从tutorials创建一个叠加菜单。这是一个很好的菜单方式。我注意到的唯一问题是，当你有大菜单时，你无法向下滚动页面中的页面文本较少，如同example one

一样

在第二个例子中，我有很多页面文本，但是当我滚动它时，滚动页面文本而不是叠加层。您可以在后台页面滚动中注意到。 example two

我怎样才能使叠加滚动而不是实际页面，以便万一我有marge菜单然后我将滚动到菜单的长度

HTML CODE

<div class="container">

    <section>
        <p>Overlay fades in and menu rotates slightly in perspective. As seen on <a href="http://hugeinc.com">Huge</a></p>
        <p><button id="trigger-overlay" type="button">Open Overlay</button></p>
    </section>

</div><!-- /container -->
<!-- open/close -->
<div class="overlay overlay-hugeinc">
    <button type="button" class="overlay-close">Close</button>
    <nav>
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Work</a></li>
            <li><a href="#">Clients</a></li>
            <li><a href="#">Contact</a></li>
            <li><a href="#">About 2</a></li>
            <li><a href="#">Work 3</a></li>
            <li><a href="#">Clients 4</a></li>
            <li><a href="#">Contact 5</a></li>
        </ul>
    </nav>
</div>

Answer 1

将multilist = [colNum*[0] for x in xrange(rowNum)]添加到您的overflow-y: scroll;元素中，您将在该元素上有一个垂直滚动条

使用滚动条覆盖

1 个答案: