css滚动一整页

CSS实现页面滚动一整页效果是很常见且简单的技巧，它可以让网页在用户滚动时自动滚动到下一整页或上一整页，提高用户体验。下面是实现该效果的CSS代码：

html {
scroll-behavior: smooth;
}
body {
height: 100vh; /* 让body元素高度等于浏览器可视窗口高度 */
overflow-y: scroll; /* 添加垂直滚动条 */
}
section {
height: 100vh; /* 让每个section元素高度等于浏览器可视窗口高度 */
}

首先，在html元素中设置scroll-behavior为smooth，表示平滑滚动。接下来，在body元素中设置height为100vh，让其高度等于浏览器可视窗口高度，并添加垂直滚动条。最后，在每个需要滚动的区域（比如section）中设置height为100vh，让其高度也等于浏览器可视窗口高度。

这样，当用户点击页面链接或滚轮滚动时，页面将平滑地滚动到下/上一整页。

查看更多关于css滚动一整页的详细内容...