Javascript 固定div，直到页脚在视口中可见

我正试图使用

但是，它不起作用。无论页脚是否在视图中，它总是触发else从div中删除粘性类

代码如下：

$(window).scroll(function() {
    var windowTop = $(this).scrollTop();        

    if (windowTop >= $("#site-footer").offset().top) {
        console.log('sticky!')
        $("div#desktop-cta").addClass("sticky-footer");
    } else {
        console.log('not sticky');
        $("div#desktop-cta").removeClass("sticky-footer");
    }
});

site footer是页面页脚元素的ID。desktop cta是需要添加或删除sticky footer类的元素。当查看控制台时，它只记录不粘性

---

如何修复它？

如果您的条件出现错误$site-footer.offset.top这不起作用。如果您没有自己的代码，只有上述答案中的一个，那么您也可以尝试使用我以前的答案之一。也许这就是你想要的。是的，我知道如果条件是什么让我悲伤，但我不知道为什么。Regent，我试过你的代码，它有些效果，但当站点页脚进入视图时，它并没有删除sticky footer类。它必须一直到网站底部的页脚，然后一些奇怪的闪烁发生。。。