尝试滚动浏览器顶部或底部时转到页面

Question

当用户尝试滚动浏览器顶部或底部时，我试图将网站转到特定页面。我已经将其扩展到一定程度，但是要初始化顶部，我必须向下滚动一点然后向上滚动。另外，我更希望滚动条位于顶部或底部时，尝试尝试滚动到顶部或底部上方以启动页面链接。

https://page-load-scroll.webflow.io/

$(function () {
    var $win = $(window);
    $win.scroll(function () {
        if ($win.scrollTop() == 0)
            $(function(){
                $("body").animate({ opacity: 0, backgroundColor: '#d64556' }, 500, function() {
                    window.location.href = "red"
                })
            });
        else if ($win.height() + $win.scrollTop()
            == $(document).height()) {
            $(function(){
                $("body").animate({ opacity: 0, backgroundColor: '#477ed1' }, 500, function() {
                    window.location.href = "blue"
                })
            });
        }
    });
});