为什么我的条件语句不适用于scrollTop？

Question

我想在用户滚动某个点时修复一个元素，然后我想让它在向上滚动时再次相对。

这是我的功能：

$(window).scroll(function () {
    var imgCon = $('#imageContent');
    var offset = imgCon.offset();
    var imgtop = offset.top - 60;
    if ($(this).scrollTop() > imgtop) {
        imgCon.addClass('fixed');
        imgCon.removeClass('floatImage');
        console.log('on');
    } else if ($(this).scrollTop() < imgtop) {
        imgCon.removeClass('fixed');
        imgCon.addClass('floatImage');
        console.log('off');
    }
});

div#imageContent{width:35%; text-align:center; margin-bottom:50px;}
.fixed{top:60px; position:fixed;}
.floatImage{float:left; position:relative;}

由于某些原因，else if条件不是“取消固定”容器，console.log也不会再次触发“关闭”。

为什么我的else if条件不起作用？