javascript - JavaScript - 暂时暂停页面滚动但保持滚动条滚动直到未暂停

Question

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

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

Answer 1

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

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

在第一阶段（'HELLO' 固定），您可以检测页面滚动并在元素上执行动画。

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