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

Question

我正在尝试实现与以下网站上类似的效果：https://www.wokine.com/en/，您在其中向下滚动，然后将“ HELLO”文本移到侧面。我已经完成了这一部分，但是在如何暂停页面滚动后仍会停留，但是仍然要保持滚动条移动。我需要做到这一点，以便在用户向下滚动到特定点后可以使用jquery 重新启用滚动。

该链接比我用文字能更好地解释它。

Answer 1

页面滚动不会被暂停或禁用只是“招”

将“ HELLO”元素放置在fixed上，直到滚动到达您希望元素开始向上移动的位置为止。

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

第二阶段，当您希望“ HELLO”开始滚动时，将其位置切换为绝对（或相对）位置，同时将其垂直位置top设置为页面已滚动至（{ {1}}）