动画页面仅从页面顶部滚动到锚点

Question

我有一个元素在该页面首次加载时占据视口的整个高度。当用户滑动或向下滚动时，我想将滚动设置为下一个元素的动画。一旦到达第二个元素，滚动就会正常工作。如果用户滑动或滚动回第一个div，我想让页面动画滚动回到页面顶部。

我试过这个但得到了奇怪的结果。提前谢谢！

$(document).on( 'scroll', function(){
    var winHgt = $(window).innerHeight();
    var yPos = $(window).scrollTop();
    var dir = detectDirection();
    console.log(winHgt);
    console.log(dir);
    console.log(dir);
    
    if(dir === "down"){
        if(yPos < winHgt){
            goToOne();
        }
    }
});