javascript - jQuery鼠标悬停在不同的上下文中调用不同的函数

Question

这是我的问题:

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

mouseover() 是否可以调用不同的函数？

例如

$(".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");
    }

});