jQuery位置DIV固定在滚动条上，首页除外

Question

I'm using this js & css to fixed jQuery position DIV at top on scroll:

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

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

and its working fine for me, but now I want to use this fixed menu on all pages except the homepage, I mean my menu will be fixed on scroll at all pages without the homepage. (again i don't want to fixed my homepage menu but need to fixed on all other pages)

Can somebody help me please?...

Answer 1

You should check if you're on the homepage:

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