Question

<nav>
    <ul>
        <li><a href="index.php"><span class="glyphicon glyphicon-home">       </span> Beranda</a></li>
        <li><a href="profile.php"><span class="glyphicon glyphicon-list-alt"></span> Profil</a></li>
        <li><a href=><span class="glyphicon glyphicon-folder-open"></span> Data Alumni</a>

    </ul>
</nav>

如何制作词缀导航栏，而底层内容可以滚动

Answer 1

您需要向position:fixed提供nav。请参阅以下代码段以便更好地理解。

固定位置元素相对于视口或浏览器窗口本身定位。滚动窗口时视口不会改变，因此固定定位的元素将保持在滚动页面时的位置

＆＃13;

<nav style="position:fixed; top:0px; background-color: #ffffff; z-index: 30001; opacity: 1; filter: alpha(opacity=70);width:100%;">
    <ul>
        <li><a href="index.php"><span class="glyphicon glyphicon-home">       </span> Beranda</a></li>
        <li><a href="profile.php"><span class="glyphicon glyphicon-list-alt"></span> Profil</a></li>
        <li><a href=><span class="glyphicon glyphicon-folder-open"></span> Data Alumni</a>

    </ul>
</nav>

<div style="position:absolute;margin-top:100px; margin-left:100px">
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  </div>

＆＃13;

如何插入词缀导航栏和导航固定位置

1 个答案: