下划线不在javascript菜单中工作

Question

我制作了一个javascript菜单，使用此代码强调您所在菜单的一部分;

$(window).scroll(function () { 
    init();
});

function init() 
{
    if ($(window).scrollTop() < 850) {
        $("#btn1").css({'border-bottom': '0px'});
        $("#btn2").css({'border-bottom': '0px'});
        $("#btn3").css({'border-bottom': '0px'});
    }

    if ($(window).scrollTop() > 850) {
        $("#btn1").css({'border-bottom': 'solid 2px white'});
        $("#btn2").css({'border-bottom': '0px'});
        $("#btn3").css({'border-bottom': '0px'});  
    }

    if ($(window).scrollTop() > 2250) {
        $("#btn1").css({'border-bottom': '0px'});
        $("#btn2").css({'border-bottom': 'solid 2px white'});
        $("#btn3").css({'border-bottom': '0px'});
    }        

}

它工作正常，我只有一个问题。向下滚动时，我用CSS制作的鼠标悬停（在文本下面加下划线）不再起作用了。

提前致谢！

编辑：

CSS悬停是：

.menufade a:hover
{
border-bottom: solid 2px white;
}