我想学习慕课网首页面的一些前端技术

我发现在慕课网首页第一次滚动时，一些图片会慢慢浮现出来，我觉得很有意思很想知道怎么弄的。我研究了一下页面结构，发现在滚动时，那些要浮现出来的页面元素都有一个共同点，他们被逐一的加上了opacity：1这个css属性，替换了原来的opacity：0。我很好奇这是怎么做的，js是怎么控制鼠标滚动时同时监听页面位置的