显示下一步按钮，然后到达底部显示上一步按钮并再次在顶部更改

Question

场景：我有一个浮点序列：无; divs，要求用户向下滚动才能看到它们。我使用Prev（up）和Next（down）进行了一些控制。因此，基本上单击“下一步”会将第一个div滚动到页面顶部，再次单击它，然后下一个div向上滚动。这一切都运行正常（仅供参考：使用ScrollTo Plugin），但我不能在我的生活中获得控件来执行以下操作：

问题：在顶部显示下一个（向下）按钮，直到你到达页面底部然后fadeOut并淡入上一个（向上）按钮，一旦你的背面在顶部，fadeOut上一个（向上）按钮和淡入下一个（向下）按钮：

这就是我所拥有的，它几乎可以运作，但仍然有一些疯狂。

提前致谢。

$(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);
                        });
                        }
        });
    }
});