Question

我有一个汉堡菜单，一直滚动到屏幕底部。我面临的问题是，即使我在汉堡菜单上上下滚动手指，整个页面也会随之滚动。

我已经在线尝试了多种解决方案，但似乎无法正常运行。以下是我当前的HTML和CSS的大量尝试（太多的内容无法列出）。

什么是解决此问题的好方法？

这是我的HTML：

<div class="mobile-nav container">
    <div class="collapse navbar-collapse" id="user-navbar-collapse-1">
        <ul class="nav navbar-nav navbar-right">
                <li>
                    <a href="#" class="active-status menu-item">Item 1</a>
                </li>
                <li>
                    <a href="#" class="active-status menu-item">Item 2</a>
                </li>
                <li>
                    <a href="#" class="active-status menu-item">Item 3</a>
                </li>
                <li>
                    <a href="#" class="active-status menu-item">Item 4</a>
                </li>
                <li>
                    <a href="#" class="active-status menu-item">Item 5</a>
                </li>
                <li>
                    <a href="#" class="active-status menu-item">Item 6</a>
                </li>
                <li>
                    <a href='#' data-dismiss="modal">Item 7</a>
                </li>
                <li>
                    <a href='#' class="active-status menu-item">Item 8</a>
                </li>
        </ul>
    </div>

尝试使用CSS：

mobile-nav.container {
  border-top: 2px solid #f47e1f;
  overflow: hidden;
  position: absolute;
}

#user-navbar-collapse-1 {
  position: fixed;
  overflow: hidden;
}

Answer 1

在大多数情况下，正文上的iddef education entertainment and tourism financial services … 17 7 21 3 … 18 7 25 8 … … CSS属性会由html来解决。建议同时设置overflow: hidden;和height: 100%，但通常不必设置。

即使在汉堡菜单上滚动，如何防止身体滚动？

1 个答案: