Javascript 向下滚动，然后向右滚动，然后再次向下滚动

我有三个独立的div。 第一个是100vw和100vh。 第二个有100vw和100vh，在400vw和100vh的内部有一个div（“.move”），稍后将向左和向右移动。 第三种是100vw和100vh

当我向下滚动时，我希望第二个div得到固定的位置。（此时，div third跳到div second位置）。 然后我想滚动到div“.move”的右边。 在滚动的末尾，我想将绝对位置添加到divsecond，并继续向下滚动到divthird

我不知道应该向scrollX（或translateX（--px）或left=-？，添加多少，我想这无关紧要），所以它在结尾处等于正常的scrollY

而且，当我快速滚动时，它会跳到第三个div和div.move，几乎不会滚动

我想用滚动条或鼠标滚轮来做

在本页中，它应该如下所示： bitsens.com/

这是我目前的代码： codepen.io/Baromaro/pen/yllmwmmm

---

（代码太糟糕了.）

问题是什么？请给我举个例子？