Вопрос по jquery scrollTop
 

Есть анимированная прокрутка вверх как вконтакте, кнопка появляется когда начинается скролинг вниз

$(document).ready(function(){
 
        // hide #back-top first
        $("#back-top").hide();
        
        // fade in #back-top
        $(function () {
                $(window).scroll(function () {
                        if ($(this).scrollTop() > 100) {
                                $('#back-top').fadeIn();
                        } else {
                                $('#back-top').fadeOut();
                        }
                });
 
                // scroll body to 0px on click
                $('#back-top a').click(function () {
                        $('body,html').animate({
                                scrollTop: 0
                        }, 800);
                        return false;
                });
        });
 
});

Как сделать так, чтобы кнопка вновь исчезала когда страница полностью прокручена вниз?

Кто-нибудь может подсказать почему не работает else if в этой конструкции?

$(window).scroll(function () {
               if ($(this).scrollTop() > 100) {
                    $('#back-top').fadeIn();
               } 
               
               else if ($('#back-top').offset().top > 1000) {
                    $('#back-top').fadeOut();
               }
          });