CSS 頁面滾動指的是在網(wǎng)頁中使用 CSS 樣式控制頁面滾動效果，包括背景圖或背景色滾動，文字或圖片滾動等等。CSS 頁面滾動的原理是利用 css 樣式預(yù)設(shè)頁面位置，在滾動瀏覽器時通過設(shè)置的位置屬性來調(diào)整頁面的顯示位置，從而實現(xiàn)頁面滾動的效果。

body {
background-image: url(bg.jpg);
background-position: left top;
background-repeat: repeat-y;
}

以上代碼表示在頁面中設(shè)置 body 標(biāo)簽的背景圖片，背景圖的位置在左上角，通過 repeat-y 屬性使得背景圖整個頁面上下重復(fù)鋪滿。滾動時通過設(shè)置不同的背景位置調(diào)整頁面滾動的位置。

除了背景圖的滾動，還可以通過 CSS 樣式實現(xiàn)文字和圖片的滾動效果。例如以下代碼：

div {
overflow: scroll;
height: 300px;
}
img {
width: 500px;
height: 300px;
}

以上代碼表示在 div 標(biāo)簽中設(shè)置滾動條，高度固定為 300px。在 div 標(biāo)簽內(nèi)添加圖片，利用圖片的寬度和高度超過 div 的寬度和高度的屬性來實現(xiàn)圖片的滾動效果，即在 div 內(nèi)部滑動時圖片也會隨著一起滾動。

總結(jié)起來，CSS 頁面滾動的原理是通過樣式屬性對頁面的位置和滾動效果進行設(shè)置，常用的滾動效果包括背景圖或背景色滾動、文字或圖片滾動等，并通過設(shè)置滾動條和圖片大小等屬性來控制滾動效果。