Javascript 带有镀铬控制台的响应式偏移量；切换设备工具栏“；

以下是源代码（CodePen）：

我已经用简单的HTML/CSS和JavaScript构建了一个网站，还使用了一些Jquery、ScrollMagic和GreenSock

然后我开始在我的网站的“responsiv”部分工作，打开Chrome控制台，点击“切换设备工具栏”，惊奇的是，在1028px部分之后出现了一个奇怪的偏移。 你下降的越多（768px，425px…），最大的就是偏移量！ 以下是图片：

我已经尝试删除所有js库，但它没有改变任何内容，或者偏移量稍微小一点

几个小时前，我遇到了非被动事件侦听器“mousewheel”的“违规”问题，因此我尝试将此添加到我的Js文件中：

window.addEventListener（“鼠标滚轮”，函数（）{}，{passive:true}）；

但它并没有起作用。现在我在控制台上有0个错误，但在>1000px设备上仍然存在巨大的偏移问题

我希望有人能帮我一把，对不起，我的英语不是我的母语，请不要犹豫，问我更多关于我的问题的信息

---

祝你白天/晚上愉快

我已经在GitHub上发布了它，所以你不必自己创建文件夹，只需点击“togle device toolbar”并在1000px下运行即可！我需要一个英雄。。