首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何插入挂载肚脐,以及导航定位

如何插入挂载肚脐,以及导航定位
EN

Stack Overflow用户
提问于 2016-05-12 05:44:02
回答 1查看 22关注 0票数 1
代码语言:javascript
复制
<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>

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-05-12 06:07:09

您需要向您的position:fixed提供nav。为了更好的理解,请看下面的片段。

固定位置元素相对于视口或浏览器窗口本身定位。当窗口滚动时,视图端口不会改变,所以当页面滚动时,固定位置的元素将保持在正确的位置。

代码语言:javascript
复制
<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>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37178196

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档