JavaScript - 暂时暂停页面滚动但保持滚动条滚动直到取消暂停

Question

我正在尝试实现类似于此网站的效果:https://www.wokine.com/en/向下滚动，“HELLO”文本移到一边。我已经完成了那部分，但在那之后我一直在如何暂停页面滚动但仍然保持滚动条移动。我需要这样做，以便在用户向下滚动到某个点后，我可以使用 jquery 重新启用滚动。

链接比我用文字解释得更好。

Answer 1

页面滚动永远不会暂停或禁用只是一个“技巧”

让“HELLO”元素固定定位，直到滚动到达您希望该元素开始向上移动的位置。

在第一阶段(“HELLO”固定)，您可以检测页面滚动并在元素上执行动画。

第二阶段，当你想让 'HELLO' 开始滚动时，将其定位切换为绝对(或相对)，同时将其垂直位置 top 设置为与页面滚动相同的坐标到 (window.scrollY)