Question

我现在被卡住了，我试图让div取100％高度100vh（位置固定不是一个选项）它可以工作，但只有活动窗口，当我们滚动时，div停止采取100％高度...我搜索了其他主题，我尝试了min-height：100vh，也尝试将位置相对和最小高度100％放在html和body标签上，但它对我不起作用。也许我必须指定我使用bootstrap 3。

有人可以帮我解决这个问题吗。

HTML

<div id="bel-menu" class="col-sm-3 col-md-2 col-lg-2">
  <ul id="custom-menu" class="nav nav-pills nav-stacked" role="menu" aria-labelledby="dropdownMenu">
    <li role="presentation" class="groupe-icon dropdown-submenu main-menu">
      <div class="blue-bar"></div>
      <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button">Groupe</a>
      <div class="menu-arrow"></div>
      <ul class="dropdown-menu secondary-menu">
        <li class=""><a href="">Groupe</a></li>
        <li class=""><a href="">Mission</a></li>
        <li class=""><a href="">Marques et produits</a></li>
        <li class=""><a href="">Engagements</a></li>
        <li class=""><a href="">Temps forts</a></li>
        <li class=""><a href="">Implantations</a></li>
        <li class=""><a href="">Bel dans le monde</a></li>
        <li class=""><a href="">Finance</a></li>
        <li class=""><a href="">Gouvernance</a></li>
        <li class=""><a href="">Présenter Bel</a></li>
      </ul>
    </li>
    <li class="workplace-icon dropdown-submenu main-menu">
      <div class="blue-bar"></div>
      <a href="">Workplace</a>
      <div class="menu-arrow"></div>
    </li>
    <li class="documents-icon dropdown-submenu main-menu">
      <div class="blue-bar"></div>
      <a href="">Documents</a>
      <div class="menu-arrow"></div>
    </li>
    <li class="moi-chez-bel-icon dropdown-submenu main-menu">
      <div class="blue-bar"></div>
      <a href="">Moi chez Bel</a>
      <div class="menu-arrow"></div>
    </li>
    <li class="applications-icon dropdown-submenu main-menu">
      <div class="blue-bar"></div>
      <a href="">Applications</a>
      <div class="menu-arrow"></div>
    </li>
  </ul>
  <div class="col-sm-3 col-md-2 col-lg-2 nopad open-btn">
    <div class="arrow-icon"></div>
  </div>
</div>

CSS

#bel-menu {
    height: 100vh;
    padding: 0;
    background-color: #333;
}

看看我的项目：https://jsfiddle.net/e94wewad/

我正在谈论的div是包含横向菜单的人。菜单占据视口的100％，但当我向下滚动时，它会停止...

screenshot 谢谢你的帮助！

向下滚动页面时，横向菜单的高度为100％，100vh

0 个答案: