Прокрутка верхней части страницы: определение конца страницы

Я использую следующий javascript для верхней части страницы логотипа/раздела перед нижним колонтитулом здесь:

<div id="townEnd"><a href="#">InsideTown</a></div>

    <script>
    $(document).ready(function(){

        // hide #townEnd first
        $("#townEnd").hide();

        // fade in #townEnd
        $(function () {
            $(window).scroll(function () {
                if ($(this).scrollTop() > 1000) {
                    $('#townEnd').fadeIn();
                } else {
                    $('#townEnd').fadeOut();
                }
            });

            // scroll body to 0px on click
            $('#townEnd a').click(function () {
                $('body,html').animate({
                    scrollTop: 0
                }, 800);
                return false;
            });
        });

    });
    </script>

Как я могу рассчитать, когда логотип должен исчезнуть в конце страницы? Я просто использовал 1000 в качестве примера. Кажется, что это работает, когда я тоже очень быстро прокручиваю.