Javascript 滚动快照，但在页面上使用定位标记

我尝试将滚动捕捉设置到位。我试图实现的目标可以在这里看到：。所以，当用户开始滚动时，它会立即被截获，页面会滚动到下一节

我不能使用这个链接上提供的插件，因为他们使用div和

部分
类，但我不能编辑这种html元素

我更喜欢在页面的锚定标签上使用
id
。所以当用户开始向上/向下滚动时，我需要检测上一个/下一个锚点并滚动到它

如上面的链接演示所示，当（鼠标）开始滚动（向上或向下）时，没有任何东西可以阻止它。。。直到它停止。然后再次出现另一个滚动

由于以下代码，我可以轻松检测鼠标上下滚动：

var lastScrollTop = 0;
$(window).scroll(function(event){
   var st = $(this).scrollTop();
   if (st > lastScrollTop){
       // downscroll code
       console.log('down');
   } else {
      // upscroll code
      console.log('up');
   }
   lastScrollTop = st;
});

我还可以检测滚动是否正在进行，如下所示：

$(window).scroll(function(event){
   clearTimeout($.data(this, 'scrollTimer'));
   $.data(this, 'scrollTimer', setTimeout(function() {
    // do something
    console.log("Haven't scrolled in 250ms!");
   }, 250));
});

现在我需要真的滚动到下一个/上一个锚点（感谢）

我的朋友：

打开控制台并在向上/向下/停止滚动时检查消息

非常感谢你为我指明了正确的方向

我不能使用这个链接上提供的插件，因为他们使用div
使用section类，但我无法编辑此类html元素

为什么不使用fullpage.js选项
sectionSelector
来更改该选项并使用任何其他选择器

$('#fullpage').fullpage({
    sectionSelector: '.mySelector'
});

然后在HTML中

<div id="fullpage">
    <div class="mySelector">Section 1</div>
    <div class="mySelector">Section 2</div>
    <div class="mySelector">Section 3</div>
</div>

将允许使用任何jQuery有效选择器

我更喜欢使用页面上锚定标签上的id。所以当用户
开始向上/向下滚动我需要检测上一个/下一个锚点和
滚动到它

我想说，使用
id
元素可能会非常困难，因为在您甚至可以控制动画之前，站点将滚动到给定的id。
这是一种浏览器功能

sectionSelector: '#fullpage>div'