jquery - Scrollmagic：防止在场景中滚动页面

Question

我想使用 scrollmagic 在我的页面上产生效果。我的滚动场景已定义并且有效。现在我希望页面在场景未完成时停止滚动。

我试图将我的场景放在一个容器中，overflow-y: scroll;但这在 Firefox 上不起作用。（我必须单击该部分，然后滚动它。）

那么是否可以在我的场景未完成时禁用整个页面的滚动？

Answer 1

您所描述的停止滚动，我猜本质上是在您滚动时视口内容没有改变。
实际上停止滚动意味着滚动条不会移动，这将是非常糟糕的 UX 设计。

您正在寻找的是 ScrollMagic 的 setPin 方法。在您的页面中创建一个具有视口大小的容器。现在，如果您将它固定在场景中，它将在其持续时间内保持原位，有效地暂停视口中的内容更改。

有关更多信息，请阅读文档中的更多信息，并务必查看pinning 示例。