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

Question

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

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

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

Answer 1

你所描述的停止滚动的内容，我猜你在滚动时基本上不会改变视口内容。
实际上停止滚动意味着滚动条不会移动，这将是非常糟糕的用户体验设计。

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

有关详情read more in the docs，请务必查看pinning example。