jquery - 他の要素の上にある場合は非表示

Question

ページの折り目を越えて広がる別の div 内に固定位置の div があります。現在、その親 div 内には他の要素もあり、ほとんどがページの上部にあります。たとえば、ユーザーがウィンドウのサイズを変更した場合など、子がこの親内の別の要素の上にある場合、子を固定位置で非表示にしたいと思います。jQueryでそれを行うにはどうすればよいですか?

ここに私がこれまでに持っているものがあります：

JS

$(function(){
    function floatingDiv(){
        var m = $('#parentDiv'), offset = m.offset(), posL = Math.floor(offset.left - 15);
        $('#divFloat').remove();
        m.append(\"<div id='divFloat' style='position:fixed;left:\"+ posL +\"px; bottom:55px; border:0'><a href='/' style='width:168px;height:43px; background: url(/i/free3day.png) no-repeat center center;position:fixed; border:0; left:\"+ posL +\"px;bottom:55px'></a></div>\");
    }

    floatingDiv();

    $(window).resize(function(){
        floatingDiv();
    });
});

HTML

<div id="parentDiv">
    <a href="#">SOME LINK</a>
    <div>some content</div>
</div>