我试图使移动菜单可滚动,同时在两者都打开时将页面内容保持在固定点。您会注意到通过页面底部滚动菜单的不希望的可见性
<div class="navigation mobile">
<div class="menu-wrap">
<div class="project-tile">
<div class="copy">
<h2><a href="#">Title</a></h2>
<a href="#">View project</a>
</div><!-- /copy -->
</div><!-- /project-tile -->
<div class="project-tile">
<div class="copy">
<h2><a href="#">Title</a></h2>
<a href="#">View project</a>
</div><!-- /copy -->
</div><!-- /project-tile -->
</div><!-- /menu-wrap -->
</div><!-- /navigation -->
<input type="checkbox" id="nav-trigger" class="nav-trigger mobile" />
<label class="mobile" for="nav-trigger">Menu</label>
<div id="content" class="site-wrap">
Copy</div>
</div>
最佳答案
尝试改变导航元素的位置并添加溢出滚动,就像这样
.navigation
{
position: fixed;
overflow-y: scroll;
}
关于html - 修复菜单展开时滚动内容的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27693738/