在锚点停止Javascript /更改滚动方向

Question

我有一个使用jInvertScroll插件进行水平滚动的网站。问题是，我希望我的网站的最后两个块保持垂直方向和滚动。

我正在寻找一种只在前两部分进行反转滚动的方法。我想通过在两个锚点之间运行脚本，或以某种方式覆盖脚本。尽管如此，可以接受任何建议。

我看过这个问题：Change scroll direction at Anchor point 但是路径插件比我需要的要多得多，而且我喜欢不必完全改变我再次滚动的方式，因为我处理的是许多堆叠元素和画布。 / p>

我网站的骨骼基本上就是这样：

<div id="scrollbox">
  <header class="block" id="block1">
  </header>
  <section class="block" id="block2">
  </section>
  <section class="block" id="block3">
  </section>
  <section class="block" id="block4"> 
  </section>
</div>

用这个css：

#scrollbox {
  display: flex;
  position:fixed;
  top: 0;
  left:0;
  width: 2000px;
}
.block {
  width:500px;
  height:500px;
}
#block1 {
  background-color:red;
}
#block2 {
  background-color:black;
}
#block3 {
  background-color:green;
}
#block4 {
  background-color:yellow;
}

这是一个jsFiddle我拥有的东西。我想要做的是将黄色块放在绿色块下，并使滚动恢复正常，从绿色向下滚动到黄色（垂直）。 https://jsfiddle.net/acoustic7/qnr7L86g/1/