<分区>
<分区>
我正在努力从 tutorials 中的一个制作一个覆盖菜单.这是制作菜单的好方法。我注意到的唯一问题是，当你有大菜单时，你无法向下滚动页面，页面中的文本较少，就像 example one 的情况一样。
在第二个例子中，我有很多页面文本，当我滚动它时滚动页面文本而不是覆盖。您可以在后台页面滚动中注意到。 example two
我怎样才能只使覆盖滚动而不是实际页面，这样当我有 marge 菜单时，我会滚动到菜单的长度
HTML代码
<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>
最佳答案
将 overflow-y: scroll; 添加到您的 .overlay 元素，您将在该元素上有一个垂直滚动条
关于jquery - 叠加滚动条，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33196639/