【问题标题】:Scrollmagic: Prevent scrolling of page while in sceneScrollmagic:防止在场景中滚动页面
【发布时间】:2015-02-09 11:24:14
【问题描述】:

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

我试图将我的场景放在带有overflow-y: scroll; 的容器中,但这在 Firefox 上无法正常工作。 (我必须点击该部分,然后滚动它。)

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

【问题讨论】:

    标签: jquery scroll parallax scrollmagic


    【解决方案1】:

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

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

    如需了解更多信息read more in the docs,请务必查看pinning example

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多