可以使用CSS3中的position属性来实现固定导航栏效果。
首先，在HTML中创建一个导航栏的容器，如下所示：
<div class="navbar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>然后，在CSS中使用position: fixed属性来固定导航栏的位置，如下所示：
.navbar {
position: fixed;
top: 0;
width: 100%;
background-color: #333;
color: #fff;
}其中，position: fixed将导航栏固定在浏览器窗口的顶部，top: 0将导航栏置于页面顶部，width: 100%将导航栏宽度设置为100%以覆盖整个页面宽度，background-color: #333和color: #fff设置导航栏的背景色和文字颜色。
完整代码如下：
<pre>
<div class="navbar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</pre>
<p>在CSS中使用position: fixed属性来固定导航栏的位置，如下所示：</p>
<pre>
.navbar {
position: fixed;
top: 0;
width: 100%;
background-color: #333;
color: #fff;
}
</pre>
其中，position: fixed将导航栏固定在浏览器窗口的顶部，top: 0将导航栏置于页面顶部，width: 100%将导航栏宽度设置为100%以覆盖整个页面宽度，background-color: #333和color: #fff设置导航栏的背景色和文字颜色。</p>