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

Question

我试图使用this answer。

然而，它不起作用。无论页脚是否在视图中，它始终触发else从sticky移除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类的元素。在查看控制台时，它只记录＆＃34;不粘＆＃34;。

如何解决？