在Web頁面中，我們經常會遇到需要固定某些內容而不隨頁面滾動的情況，比如導航菜單、側邊欄等。這時候，我們可以使用CSS來實現內容固定而不滾動。

實現內容固定的最常見方法是通過CSS中的position屬性，并將其設置為fixed。這個屬性可以讓元素相對于瀏覽器窗口固定位置，不會跟隨頁面滾動而移動。

例如：

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

這個例子中，.nav類所表示的導航菜單將會被固定在頁面頂部，不會跟隨頁面滾動而移動。top：0;left：0;則是將導航菜單固定在頁面左上角。width：100%;則是將導航菜單的寬度設置為100%，以讓其覆蓋整個頁面。

除了使用position: fixed，還可以使用CSS transform屬性來實現內容固定而不滾動。方法是將固定的內容包裹在一個元素中，并給這個元素設置transform: translateZ(0)；

.fixed{
transform: translateZ(0);
}

這樣，.fixed類所包裹的內容將會固定在頁面上，不會跟隨頁面滾動而移動。需要注意的是，這種方法不支持低版本的Internet Explorer瀏覽器。

除了以上兩種方法，還有其他一些實現內容固定而不滾動的方式，比如使用 JavaScript 或者使用CSS Sticky Positioning。根據實際需求，選擇合適的方法來實現需要固定的內容。