Javascript JS/jQuery代码-向上/向下滚动触发事件（平滑滚动到Div类）

对于我正在设计的一个电子商务网站的前端，我想模拟如下所示的效果：

我想我了解如何设置平滑滚动定位，但我需要有人向我展示触发用户上下滚动导致平滑滚动到div类事件的代码。

如果有人能够识别Qards主题中显示的效果名称，这将非常有用，因为可能有在线参考资料。事实上，我想手工编写一个几乎完全相同的Qards主题副本（希望更轻量级）（使用我自己的文本、图像），但我想这是一个很好的开始

---

免责声明：HTML、CSS和JS新手，请在任何代码中留下//解释性注释。

也许您可以从感谢开始。它可能只是我，但我似乎无法实现整个平滑的滚动效果，从一个div到另一个div，作为上/下滚动一致的结果。看起来有点像马车。我对整个视差效果有点熟悉。