jquery - [次へ] ボタンを表示し、一番下に到達したら [前へ] ボタンを表示し、一番上で再度変更します

Question

シナリオ: float: none; のシーケンスがあります。div を表示するには、ユーザーが下にスクロールする必要があります。Prev (上) と Next (下) を使用していくつかのコントロールを作成しました。したがって、基本的に [次へ] をクリックすると、最初の div がページの上部にスクロールされ、もう一度クリックすると、次の div が上にスクロールします。これはすべて正常に動作します (FYI: Using ScrollTo Plugin ) が、私の人生では、コントロールで次のことを行うことはできません。

質問: ページの下部に到達するまで [次へ] (下) ボタンを上部に表示し、[前] (上) ボタンにフェードアウトおよびフェードインし、上部に戻ると、[前へ] (上) ボタンにフェードアウトし、[次へ] (下) ボタンにフェードインします。ボタン：

これは私が持っているもので、ほとんど動作しますが、いくつかの狂気があります。

前もって感謝します。

$(window).scroll(function() {
    if ($(window).scrollTop() + $(window).height() == $(document).height()) {
        $(".next").fadeOut(100, function() {
            $(".prev").fadeIn(100);
        });

    } else {
        $(window).scroll(function(){
                if($(window).scrollTop()) {
                    $(".next").fadeOut(100, function() {
                        $(".prev").fadeIn(100);
                        });
                        }
        });
    }
});