【发布时间】:2015-02-09 11:24:14
【问题描述】:
我想在我的页面上使用 scrollmagic 效果。 我的滚动场景已定义并且有效。 现在我希望页面在场景未完成时停止滚动。
我试图将我的场景放在带有overflow-y: scroll; 的容器中,但这在 Firefox 上无法正常工作。 (我必须点击该部分,然后滚动它。)
那么是否可以在我的场景未完成时禁用整个页面的滚动?
【问题讨论】:
标签: jquery scroll parallax scrollmagic
我想在我的页面上使用 scrollmagic 效果。 我的滚动场景已定义并且有效。 现在我希望页面在场景未完成时停止滚动。
我试图将我的场景放在带有overflow-y: scroll; 的容器中,但这在 Firefox 上无法正常工作。 (我必须点击该部分,然后滚动它。)
那么是否可以在我的场景未完成时禁用整个页面的滚动?
【问题讨论】:
标签: jquery scroll parallax scrollmagic
你所说的停止滚动,我猜本质上是滚动时视口内容没有改变。
实际上停止滚动意味着滚动条不会移动,这将是非常糟糕的 UX 设计。
您正在寻找的是 ScrollMagic 的 setPin 方法。 在您的页面中创建一个具有视口大小的容器。 现在,如果您将其固定在场景中,它将在其持续时间内保持原位,有效地暂停视口中的内容更改。
如需了解更多信息read more in the docs,请务必查看pinning example。
【讨论】: