如何用JS实现页面的全屏滚动

全屏滚动

说白了就是：每张图都占满整个浏览器窗口，当滑动鼠标或者触摸板时，图片切换。

主要使用的方法

addEventListener() 方法用于向指定元素添加监听事件。

Mousewheel 鼠标滚轮。

我们需要用addEventListener() 方法，来监听到 Mousewheel 的滚动 。然后通过点击小圆点再去实现图片的切换效果。

实现效果展示

 

那么废话不多说直接上代码，这些图片在（极简壁纸）

 HTML部分

 <div class="container">
        <div class="section section1">
            <h1>第1屏</h1>
        </div>
        <