javascript - 当用户从上向下滚动时滚动到元素

Question

我正在尝试做类似 App Builder Website 的效果。当用户位于带有背景图像/视频的标题并向下滚动时，网站会向下滚动到下一个 div/部分/等。 .
如果用户向后滚动并到达图像/视频部分，页面将滚动到其顶部。
我已经尝试了以下代码，但有一个我找不到的错误:

function scrollto(where){
   $('html,body').animate({ scrollTop: $(where).offset().top - 65}, 800);
   console.log('Scrolled to ' + where);
   closeMenue();
}


var lastScrollTop = 0;
var scroll = $(window).scrollTop();
$(window).scroll(function(event){
var st = $(this).scrollTop();
if (st > lastScrollTop){  
  if (scroll == 0){
    scrollto('.about');
  }
  else{
  }
} else {  
  if (scroll == 530){
    scrollto('.parallax'); 
  }
  else{
  }
}
lastScrollTop = st;
});

它工作正常，但只能运行一次。有我可以使用的插件吗？抱歉我的英语不好:(

Answer 1

您发布的网站正在使用 fullPage.js plugin .

它使用 CSS3 转换进行工作，并在需要时回退到 jQuery。

如果您不想使用 jQuery，甚至还有 pure javascript version因为它正在开发但功能正常。