全屏滚动的原理是什么？用到了 CSS 的哪些属性？（待深入实践） ​

原理：有点类似于轮播，整体的元素一直排列下去，假设有 5 个需要展示的全屏页面，那么高度是 500%，只是展示 100%，容器及容器内的页面取当前可视区高度，同时容器的父级元素 overflow 属性值设为 hidden，通过更改容器可视区的位置来实现全屏滚动效果。主要是响应鼠标事件，页面通过 CSS 的动画效果，进行移动。

div {
  overflow: hidden;
  transition: all 1000 ms ease;
}

详细资料可以参考： ​

• 《js 实现网页全屏切换（平滑过渡），鼠标滚动切换》
• 《用 ES6 写全屏滚动插件》