CSS可以實現在網頁中同時固定和滾動頁面內容。這種技術可以幫助用戶在瀏覽長頁面時更加方便。以下是如何使用CSS實現固定和滾動條：

html {
overflow: hidden;
}
body {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-y: auto;
}
.content {
height: 2000px;
width: 100%;
background-color: #eee;
}

首先，我們把HTML頁面的overflow屬性設置為hidden。這將禁止頁面超出視口的部分向上或向下滾動。

接著，我們在body元素上設置了一些必要的CSS。我們為其設置了position: absolute屬性，這將使body元素從頁面的左上角開始位置。然后，我們設置了一個0到0的邊界，這樣頁面就可以占據整個瀏覽器視口。

我們還為body元素添加了overflow-y: auto屬性。這將為頁面的豎直方向添加一個滾動條。當頁面的內容超出瀏覽器的視口時，用戶可以滾動滾動條瀏覽頁面的其他部分。

最后，我們添加了一個內容div元素，它的高度是2000像素。這將產生一個長頁面，使我們可以測試頁面滾動和固定內容的功能。我們為該元素設置了100%的寬度和一些背景色的樣式。

在實現這個技術之后，我們可以觀察到頁面的內容固定在視口的頂部，并且頁面會添加一個豎直滾動條。當我們拖動滾動條時，頁面的內容也會隨之移動。這樣用戶可以方便地在長頁面中瀏覽內容。