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

Question

我想使用scrollmagic 在我的页面上添加效果。我的滚动场景已定义并且可以工作。现在我希望页面在场景未完成时停止滚动。

我尝试将场景放入带有 overflow-y:scroll; 的容器中，但这在 Firefox 上无法正常工作。 (我必须单击该部分才能滚动它。)

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

Answer 1

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

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

了解更多信息read more in the docs一定要查看 pinning example .