js实现页面向下滚动时，当前页面中间的div不动，下面的div将页面中间的div覆盖

可以使用CSS中的position属性来实现这个效果。首先，设置中间的div为绝对定位，然后设置其left和top属性使其居中。接着，设置下面的div为相对定位，并设置其z-index比中间的div小，这样就可以覆盖中间的div了。

HTML代码如下：

<div class="container">
  <div class="center">中间的div</div>
  <div class="bottom">下面的div</div>
</div>

CSS代码如下：

.container {
  position: relative;
  height: 2000px; /* 为了让下面的div能够覆盖中间的div，需要设置一个足够大的高度 */
}

.center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 200px;
  background-color: #ccc;
}

.bottom {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 500px;
  background-color: #f00;
}

这样，在页面向下滚动时，下面的div会覆盖中间的div，而中间的div不会动。