在網頁設計中，我們經常需要用到一頁一頁的展示內容。如何實現用鼠標滾輪輕松實現翻頁？CSS中提供了scroll-snap-type屬性可以輕松實現這一需求。

/* 設置滾動容器 */
.container {
overflow-y: scroll; /* 禁止橫向滾動條 */
scroll-snap-type: y mandatory; /* 縱向滾動時強制對齊 */
}
/* 設置每一頁 */
.page {
scroll-snap-align: start; /* 從頁面開始對齊 */
}

在代碼中，首先要設置滾動容器的樣式，將其設為縱向滾動，同時通過scroll-snap-type屬性來強制頁面對齊。

接下來，給每一頁添加樣式，指定scroll-snap-align屬性來設置頁面對齊方式，這里選用從頁面開始對齊的方式。這樣，頁面就能夠按照固定大小對齊，滾動時就會自動翻頁了。

以上就是用CSS實現鼠標滾動控制翻頁的方法，非常簡單實用，在頁面展示和交互設計中，經常會遇到這樣的需求，使用這種方式可以更加輕松便捷地實現對頁面的控制。