滚动到滚动事件的位置

Question

我想实现滚动事件功能，就像在FullPage.js中一样，将我转发到页面上的特定位置。
范例：https://alvarotrigo.com/fullPage
我尝试添加onscroll事件侦听器，该事件侦听器可以区分滚动方向，然后执行scrollTo（），但这似乎是个坏主意。 我该如何正确实施？提前谢谢。
到目前为止我尝试过的：

std::this_thread::sleep_for()

我希望它像这样工作：每当我向下滚动时，它会将我转发到底部（1000、0），而当我向上滚动时，它将使我到达顶部。一切顺利。

Answer 1

如果您查看示例网站，则可以看到他们没有滚动列表。他们正在为包装器及其子对象设置动画：

课程：整页包装器

attribute they change: transform:translate3d(0px, -937px, 0px);

会发生什么情况，即所有元素都在一个包装纸内，然后将包装纸向上移到盒子的高度。此页面的平滑效果由特定的缓动提供，可以附加到CSS动画。

因此，如果要获得相同的“滚动”效果，则需要考虑动画解决方案。因此，您可以坚持空白CSS-Animations或特定于Framework / Library的内容。

有关动画的更多信息，我可以尝试帮助您，直到它没有完整的动画课程：）