onscroll不添加类 - 问题

Question

我正在尝试使用Javascript创建onscroll效果，但我遇到了一些问题。我有2个班级：第一个班级.phorography_box是活跃的;第二个.photography_box_active未激活。

当我用1000px鼠标向下滚动以添加第二个.photography_box_active类时，我想要的是。

这是我的JS代码：

var photoBox = document.getElementsByClassName("photography_box");

window.onscroll = function() {
    loopBox()
};
function loopBox(){
    if ( window > 500 ){
        for ( f = 0; f <= photoBox.length -1; f++ ) {
            photoBox[f].classList.add("photography_box_active");
        };
    };
};