屏幕往下滚动时切换到第二个容器，往上时回滚到第一个容器

您可以使用JavaScript监听页面滚动事件。当页面滚动时，可以使用`window.scrollY`属性获取当前滚动的位置。然后，使用条件判断来判断滚动方向，并在需要时切换容器。

以下是一个简单的示例代码，您可以根据自己的需求进行修改和调整：

<div id="container1">
  <!-- 第一个容器的内容 -->
</div>
<div id="container2">
  <!-- 第二个容器的内容 -->
</div>

<script>
  var lastScrollY = 0;

  window.addEventListener("scroll", function() {
    // 获取当前滚动的位置
    var currentScrollY = window.scrollY;

    // 判断滚动方向
    if (currentScrollY > lastScrollY) {
      // 向下滚动，切换到第二个容器
      document.getElementById("container1").style.display = "none";
      document.getElementById("container2").style.display = "block";
    } else {
      // 向上滚动，回滚到第一个容器
      document.getElementById("container1").style.display = "block";
      document.getElementById("container2").style.display = "none";
    }

    // 更新上一次滚动的位置
    lastScrollY = currentScrollY;
  });
</script>