javascript - jQuery函数问题

我已经改了一个人的例子（从我之前问过的Stack Overflow问题开始）来做我想做的事，但是它似乎没有用。

If it helps then here is the link to that question

该功能不起作用：

$(window).scroll(function(){
    if ($('.orange').isOnScreen() === 'true'); {
        $('.box').css('background', 'red');
    }
});

Here is the jsfiddle

当橙色正方形进入屏幕时，其余正方形应更改为红色，然后当橙色正方形不在屏幕上时，红色正方形需要再次变为蓝色。

最佳答案

您的语法有一些问题，但是this, though unoptimized, should work

$(window).scroll(function(){
    //isOnScreen returns a boolean, loose comparison will do
    if ($('.orange').isOnScreen()){
        $('.box').css('background', 'red');
    } else {
        //you need to revert back when isOnScreen returns false
        $('.box').css('background', 'blue');
    }
});