滚动每100vh或部分

Question

我目前正在开发一个网站，我认为用javascript动画一些东西会很不错。唯一的问题是我之前从未真正使用它。

我有这个由页面组成的单页网站。每个部分都被div包围。所有这些div具有相同的类，所有这些div具有相同的100vh高度（视口的高度）。我希望访问者能够每100vh /节滚动。

谷歌搜索时，我偶然发现了这个教程/代码：

https://codepen.io/Javarome/post/full-page-sliding

function ScrollHandler(pageId) {
  var page = $('#' + pageId); 
  window.addEventListener('wheel', function(event) {
    // Do something with page
  });
}
new ScrollHandler('one'); 
new ScrollHandler('two');
new ScrollHandler('three');

问题是本教程侧重于具有不同ID的部分。我是否可以编辑此代码，以便它可以与具有相同类的部分一起使用？如果是这样，怎么样？请记住，我是一个完整的javascript noob。

如果还有其他方法可以达到相同的效果，请随时告诉我。

提前致谢！