javascript - 通过滚动更改颜色

Question

这example似乎从底部将红色变为蓝色。但是，我想通过滚动将红色从顶部位置更改为蓝色。你能告诉我好的解决方案吗？有javascript没关系。
这是另一个 example我想要什么。当您在此站点向下滚动时，灰线变为红色。

<div id="scroll1"></div>
<div id="scroll2"></div>

CSS部分

#scroll1 {
   background-color: red;
   width: 50px;
   height: 800px;
}
#scroll2 {
  bacground-color: blue;
  width: 50px;
  height: 800px;
}

Answer 1

#scroll1{
   background-color:blue;
   width: 50px;
   height:800px

}
#scroll2{
   background-color:red;
   width: 50px;
   height:800px

}

根据示例中使用的方法，这可以通过 css 完成。只需更换颜色即可。