CSS樣式固定導航欄是一個常見的網站設計需求，因為它可以方便用戶在瀏覽網頁時快速導航到所需的內容。下面介紹一些實現方法：

.navbar {
position: fixed;
top: 0;
width: 100%;
background-color: #fff;
}

上述代碼使用了CSS中的position屬性將導航欄固定在頁面的頂部，而top屬性指定導航欄的位置為距離頁面頂部的0像素位置。通過這樣的設置，使導航欄不隨頁面的滾動而移動。

如果導航欄不僅需要固定在頁面的頂部，還需要在頁面向下滾動時改變其樣式，例如動態地改變導航欄的透明度，可以使用JavaScript配合CSS實現：

window.onscroll = function() {
var navbar = document.getElementsByClassName('navbar')[0];
if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
navbar.style.backgroundColor = 'rgba(255, 255, 255, .8)';
} else {
navbar.style.backgroundColor = 'rgba(255, 255, 255, 1)';
}
};

上述代碼中的window.onscroll事件會在頁面滾動時觸發，獲取到導航欄并判斷頁面滾動的距離，根據條件動態地改變導航欄的樣式。

需要注意的是，在固定導航欄時，頁面的其他內容可能會被導航欄擋住一部分，因此可以通過增加padding-top屬性值等方式來調整頁面的布局，以避免內容被導航欄遮擋。