Jquery 动画页面仅从页面顶部滚动至锚定

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

我试过这个，但结果很奇怪。提前谢谢

$（文档）.on（'scroll'，function（））{
var winHgt=$（窗口）.innerHeight（）；
var yPos=$（window.scrollTop（）；
var dir=detectDirection（）；
console.log（winHgt）；
console.log（dir）；
console.log（dir）；
如果（dir==“向下”）{
如果（yPos