jQuery mouseover在不同的上下文中调用不同的函数

Question

这是我的问题：

我希望mouseover（）在页面在不同位置滚动时为我的导航按钮添加不同的css类。然而，只要我将鼠标移到我的按钮上，看起来似乎是mouseover（）调用，尽管我使用了if语句（我使用了一个变量来跟踪滚动位置）。

mouseover（）可以调用不同的函数吗？

e.g。

$(".menu").mouseover(function(){
if (scroll_position<300) {
    $(this).addClass("white");
}
else{
    $(this).addClass("blue");
}
});

谢谢你们：）

Answer 1

这应该有用（$(document).scrollTop()给出距离顶部）：

$(".menu").mouseover(function(){

    if ($(document).scrollTop()<300) {
        $(this).addClass("white");
    }
    else{
        $(this).addClass("blue");
    }

});