全屏滾動是現代網頁設計越來越流行的一個特效。但是實現這個特效又不是很容易，因為需要處理頁面的滾動、元素的透明度和動畫效果等。CSS技術可以幫助我們輕松實現全屏滾動效果。下面是css全屏滾動代碼：

html,body {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
}
section {
position: relative;
width: 100%;
height: 100%;
}
section div {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s ease-in-out;
}
section div.active {
opacity: 1;
}

這段代碼中，我們首先將整個網頁html和body的高度設為100%。然后使用了overflow:hidden來隱藏頁面的滾動條，防止用戶通過滾動條來滾動頁面。接下來，我們使用了HTML5新標簽section來作為每一屏的容器，利用了它的相對定位屬性，讓內部元素進行絕對定位。因為“絕對定位”是相對于“相對定位”的父容器而言的，我們利用這個特點來實現單屏滾動的效果。最后，我們使用了CSS3的過渡效果來處理頁面元素的動畫效果。當我們把hover事件添加到.section div.active上時，就能實現每個頁面的切換效果。