检测滚动方向，只检测第一个条件触发器

Question

我想检测用户是向上还是向下滚动，如果向上我想在标题中添加fixed类，如果向下，则删除它。

使用以下代码，fixed类仅在用户向上滚动时分配，如果用户再次向下滚动则不会更改（这很好）：

                var lastScrollTop = 0;
                $(window).scroll(function(event) {

                    var st = $(this).scrollTop();

                    if (st > lastScrollTop){
                    } else {
                        $('header.banner').addClass('fixed');

                    }

                    lastScrollTop = st;

                    if (st === 0) {
                        $('header.banner').removeClass('fixed');
                    }

                });

但是现在我想在用户再次向下滚动时删除fixed类，并且使用以下代码完全没有添加fixed类，这里是代码的相关更新部分：

                    if (st > lastScrollTop){
                        $('header.banner').removeClass('fixed');
                    } else {
                        $('header.banner').addClass('fixed');

                    }

为什么在向下滚动时不会移除类fixed，而是在向上滚动时添加fixed？