javascript - 滚动到另一个 DIV 时更改一个 DIV 的 css

Question

我试图让它工作但无济于事。当我滚动经过特定的 DIV 时，我试图让菜单项的 CSS 发生变化。

在这种情况下，当我在标记为#section-1 的 div 上滚动时，我试图获取一个菜单项 (#menu-item-3907) 来更改它的背景颜色。

这是我到目前为止尝试过的代码:

var t = $("#section-1").offset().top;

$(document).scroll(function(){
if($(this).scrollTop() > t)
{   
    $('#menu-item-3907').css({"display":"none"});
}
});

Answer 1

var t = $("#section-1").scrollTop();

$(document).scroll(function(){
    if($(this).scrollTop() > t){
        $('#menu-item-3907').css({"background":"yellow"});
    }
});

尝试使用 HTML:

<div id="section-1">Section 1</div>
<div id="menu-item-3907" style="margin-top:1500px">Menu</div>