position: fixed寫在頂層.navbar裏，整個瀏視窗的滾動條就沒了

時間 2019-11-13

標籤 position fixed 寫在頂層 navbar 整個視窗滾動條沒了欄目 CSS 简体版

原文原文鏈接

position: fixed寫在頂層.navbar裏，整個瀏視窗的滾動條就沒了？php

答：由於position:fixed, 脫離了文檔流了,你設置body的最小高度爲設置fixed的元素的高度,就會出現滾動條了spa

<body>
<nav class="navbar navbar-main navbar-fixed-top">
<div class="navbar-container">
<div class="navbar-header">
<a class="navbar-brand-logo" href="/">

<div class="logo-box"></div>

<span class="logo-font">機智雲</span>
<span class="logo-font logo-desc">智能硬件自助開發及雲服務平臺</span>
</a>
<button class="navbar-toggle">
<i class="fa fa-bars"></i>
</button>
</div>

<ul class="navbar-nav navbar-right">
<li class="first"><a href="/">產品服務</a></li>
<li><a target="_blank" href="http://docs.gizwits.com/hc/">開放平臺</a></li>
<li><a target="_blank" href="http://club.gizwits.com/forum.php">社區</a></li>
<li><a href="/news/">新聞活動</a></li>
<li class="last"><a href="/about-us">關於咱們</a></li>
<li class="last dev-center-link-box">

<a class="dev-center-link" href="http://site.gizwits.com/zh-cn/developer/">
<div class="content-box">
<div class="ndex-header_dev_icon dev-center-logo"></div>
<span class="dev-center-text">開發者中心</span>
</div>
</a>
</li>
</ul>

</div>

</nav>
</body>開發

nav.navbar{
   width: 100%;
   height: 60px;
   background: #000;
   position: fixed;
}文檔

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。