javascript - 如何在 if 语句中使用 css 类滚动页面

Question

我想在 if 语句中添加一个基于设备宽度的类。是否可以？？我正在尝试下面的代码，但它显示错误。 谢谢。

`

<style>
.red{ color:red;}

@media(min-width: 480px){
    .scroll_value{ top:200px;}
}

@media(min-width: 992px){
    .scroll_value{ top:500px;}
}
</style>

<script> 
$(window).scroll(function(){
    if($(document).scrollTop() > ('scroll_value') {
        $('#ids').addClass('red'); 
    } else {
        $('#ids').removeClass('red');
    }
}); 
</script>

<div id="ids"> red</div>

`

Answer 1

 if($(document).scrollTop() > ('scroll_value') {...

应该是:

 if($(document).scrollTop() > value) {...