Jquery 粘性元素不'；不要像预期的那样隐藏和显示

好的，我有：

<div class="testplace"></div>

<div class="footer_navigation"><div class="checkout-btn"></div></div>

jQuery(document).ready(function($){
    var elem2Query = ".footer_navigation .checkout-btn";
    var elem2Hide = ".testplace";
    var jElem2Hide = $(elem2Hide);
    if (isElementInView()) jElem2Hide.addClass("hideClass");    
    $(window).scroll(function(){ 
        if (isElementInView()){
            jElem2Hide.fadeOut(0);
        }else{
            jElem2Hide.fadeIn(0);
        }
    });
    function isElementInView(){     
        var jWindow = $(window);
        var jElem   = $(elem2Query);
        var pageViewTop = jWindow.scrollTop();
        var pageViewBottom = pageViewTop + jWindow.height();
        var elemTop = jElem.offset().top;
        var elemBottom = elemTop + jElem.height();
        var isInView =((elemBottom >= pageViewTop) 
                && (elemTop <= pageViewBottom)
                && (elemBottom <= pageViewBottom) 
                && (elemTop >= pageViewTop));               
        return isInView;
    }
});

jQuery（文档）.ready（函数（$）{
var elem2Query=“.footer\u navigation.checkout btn”；
var elem2Hide=“.testplace”；
var jElem2Hide=$（elem2Hide）；
if（IsElementView（））jElem2Hide.addClass（“hideClass”）；
$（窗口）。滚动（函数（）{
如果（IsElementView（））{
Jelem2隐藏淡出（0）；
}否则{
jElem2Hide.fadeIn（0）；
}
});
函数IsElementView（）{
var jWindow=$（窗口）；
var jElem=$（elem2Query）；
var pageViewTop=jWindow.scrollTop（）；
var pageViewBottom=pageViewTop+jWindow.height（）；
var elemTop=jElem.offset（）.top；
var elemBottom=elemTop+jElem.height（）；
变量isInView=（（elemBottom>=pageViewTop）
&&（elemTop你能为此提供一个JSFIDLE吗？不太可能，因为这是一个a/B测试构建，我不能发布整个HTML