.body{width:100vw;高度：100vh；溢出：隐藏；背景：#3f3f3f；}.nav{宽度：100%；高度：35px；显示：弹性；对齐项目：居中；位置：固定；左：0；顶部：0；z-指数：999；一个{弹性增长：1;文本对齐：居中；}.active{背景：粉色；颜色：绿色；字体粗细：粗体；}}.scroll{过渡：所有0.6s缓入缓出；.page{高度：100vh；文本对齐：居中；填充顶部：40vh；颜色：#fff；}.p年龄：第n个孩子（偶数）{背景：rgb（15、19、10）；}}的原理类似于轮播，整体元素一直排列，假设有5个全屏页面显示，那么高度为500%，只有100%显示时，容器和容器内页面当前可用的视口高度，并将容器父元素的overflow属性值设置为hidden，通过改变容器可视区域的位置。主要是响应鼠标事件，通过CSS动画效果实现页面移动。总体结构htmlpage1
