플로팅배너 무한 스크롤문제 ㅠ 채택완료

http://designexc.cafe24.com/index.php">http://designexc.co.kr

여기사이트 오른쪽하단 카카토옥 원형버튼을 스크롤배너로 사용중입니다

<style>
#floatMenu {
position: absolute;
    width: 150px;
    height: 300px;
    right: 0;
    bottom:0;
    margin-top:245px;
    top: 50%;
    margin-right: 15px;
    background-color: rgba(0,0,0,0.00);
    color: #fff;
    z-index: 1;
    text-align: right;
}
}
</style>
<script>
$(document).ready(function() {

    // 기존 css에서 플로팅 배너 위치(top)값을 가져와 저장한다.
    var floatPosition = parseInt($("#floatMenu").css('top'));
    // 250px 이런식으로 가져오므로 여기서 숫자만 가져온다. parseInt( 값 );

    $(window).scroll(function() {
        // 현재 스크롤 위치를 가져온다.
        var scrollTop = $(window).scrollTop();
        var newPosition = scrollTop + floatPosition + "px";

        /* 애니메이션 없이 바로 따라감
         $("#floatMenu").css('top', newPosition);
         */

        $("#floatMenu").stop().animate({
            "top" : newPosition
        }, 100);

    }).scroll();

});
</script>

<div id="floatMenu">
<a href="http://pf.kakao.com/_xjxfYYT"><img src="/theme/basic/wb04/images/banner.png"></a>
</div>

소스는 이건데 문제는

푸터 하단 밑으로 스크롤시 무한으로 내려가는문제입니다..

페이지 내에서만 작동 가능하도록 수정하려면 어디부분을 수정해야할까요