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

Question

场景：我有一系列 float: none; div，需要用户向下滚动才能看到它们。我使用 Prev (up) 和 Next (down) 做了一些控制。所以基本上单击下一步会将第一个 div 滚动到页面顶部，再次单击它，下一个 div 会向上滚动。这一切都很好（仅供参考：使用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);
                        });
                        }
        });
    }
});