CSS是Web開發中非常重要的一部分，尤其是在設計響應式頁面時。

在某些情況下，我們可能需要在滑動頁面時保持導航條不變，這通常可以通過使用CSS中的position屬性來實現，如下所示：

nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
}

這段代碼將導航條固定在屏幕的頂部，無論頁面如何滑動，導航條都將保持不變。

如果我們想要在頁面滑動時使導航條在不同位置上保持不同的樣式，我們可以使用JavaScript來檢測頁面的位置，并為導航條添加或刪除一個CSS類。

下面是一個簡單的示例：

window.addEventListener('scroll', function() {
var nav = document.querySelector('nav');
var currentPosition = window.pageYOffset;
if (currentPosition >50) {
nav.classList.add('scrolled');
} else {
nav.classList.remove('scrolled');
}
});

這段代碼將在頁面滾動時檢測當前位置，并在滾動位置超過50像素時為導航條添加一個名為“scrolled”的CSS類。

現在，我們可以根據我們想要的樣式在CSS中添加“scrolled”類：

nav.scrolled {
background-color: #333;
color: #fff;
height: 80px;
transition: all .3s ease-in-out;
}

這段代碼添加了一個深色背景、白色文本和一個80像素高度的導航條，并添加了一個CSS過渡效果，使導航條在滾動時平滑過渡。

這是一個非常簡單的示例，但它演示了如何使用CSS和JavaScript在頁面滑動時保持導航條的外觀和感覺。