除了主页之外,jQuery位置DIV固定在滚动顶部

Question

我正在使用这个js&css在滚动顶部修复jQuery位置DIV:

$(window).scroll(function(){
    if ($(this).scrollTop() > 135) {
        $('#task_flyout').addClass('fixed');
    } else {
        $('#task_flyout').removeClass('fixed');
    }
});

.fixed {
    position: fixed; 
    top: 0; 
    left: 0;
}

它对我来说很好,但是现在我想在除主页之外的所有页面上使用这个固定菜单,我的意思是我的菜单将在没有主页的所有页面上滚动固定.(再次,我不想修复我的主页菜单,但需要修复所有其他页面)

有人可以帮帮我吗？...

Answer 1

您应该检查您是否在主页上:

if (location.pathname === "/") {
    $('#task_flyout').removeClass('fixed');
} else {
    $(window).scroll(function(){
        if ($(this).scrollTop() > 135) {
            $('#task_flyout').addClass('fixed');
        } else {
            $('#task_flyout').removeClass('fixed');
        }
    });
}