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

你可以通过监听浏览器窗口的滚动事件，然后根据滚动的距离来判断何时切换容器。

首先，在 HTML 中创建两个容器，分别用两个不同的 ID 来标识它们：

<div id="container1">...</div>
<div id="container2">...</div>

然后，在 JavaScript 中监听 `window` 的 `scroll` 事件，并根据滚动距离来切换容器：

var container1 = document.getElementById('container1');
var container2 = document.getElementById('container2');

window.addEventListener('scroll', function() {
  var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
  if (scrollTop >= container1.offsetTop && scrollTop < container2.offsetTop) {
    // 切换到第二个容器
    container2.scrollIntoView();
  } else {
    // 回滚到第一个容器
    container1.scrollIntoView();
  }
});

在滚动时，根据当前的滚动距离 `scrollTop` 和两个容器的位置关系，判断是否需要切换到第二个容器。如果需要切换，则调用第二个容器的 `scrollIntoView` 方法来滚动到它的位置；否则，就回滚到第一个容器的位置。

需要注意的是，`scrollIntoView` 方法是原生 DOM API 中的方法，可以将元素滚动到可见区域。在调用这个方法之前，需要先获取到要滚动到的容器元素。