Scrollmagic：防止在场景中滚动页面
Scrollmagic: Prevent scrolling of page while in scene
我想在我的页面上使用 scrollmagic 效果。
我的滚动场景已定义并且可以使用。
现在我希望页面在场景未完成时停止滚动。
我试图将我的场景放入带有 overflow-y: scroll; 的容器中，但这在 Firefox 上无法正常工作。 （我必须单击该部分才能滚动它。）
那么是否可以在我的场景未完成时禁用整个页面的滚动？
你所说的停止滚动，我猜基本上是视口内容在你滚动时没有改变。
实际上停止滚动意味着滚动条不会移动，这将是非常糟糕的 UX 设计。
您要查找的是 ScrollMagic 的 setPin 方法。
在您的页面中创建一个具有视口大小的容器。
现在，如果您将它固定在场景中，它将在持续时间内保持原位，有效地暂停视口中的内容更改。
更多信息read more in the docs and definitely check out the pinning example。
我想在我的页面上使用 scrollmagic 效果。 我的滚动场景已定义并且可以使用。 现在我希望页面在场景未完成时停止滚动。
我试图将我的场景放入带有 overflow-y: scroll; 的容器中，但这在 Firefox 上无法正常工作。 （我必须单击该部分才能滚动它。）
那么是否可以在我的场景未完成时禁用整个页面的滚动？
你所说的停止滚动，我猜基本上是视口内容在你滚动时没有改变。
实际上停止滚动意味着滚动条不会移动，这将是非常糟糕的 UX 设计。
您要查找的是 ScrollMagic 的 setPin 方法。 在您的页面中创建一个具有视口大小的容器。 现在，如果您将它固定在场景中，它将在持续时间内保持原位，有效地暂停视口中的内容更改。
更多信息read more in the docs and definitely check out the pinning example。