绝对位置上的 ScrollMagic 仅在启用指标时有效

问题描述

我的目标是创建一个绝对定位的 div 作为网站的背景和 ScrollMagic 场景的父级。通过这样做,标题和其他内容可以出现在滚动/动画背景上方。但是,我发现在具有绝对定位的 div 上使用 ScrollMagic 时,滚动行为仅在使用 addindicators 插件添加指标时才有效。

这是一个例子:

https://codesandbox.io/s/elegant-sound-x3gop?file=/index.html(无指示符,无滚动) https://codesandbox.io/s/ancient-https-iop96?file=/index.html添加了指标,有滚动)

有什么办法可以解决这个问题,使用绝对定位的div作为背景,而无需添加指标?或者,如果这是不可能的,有没有其他方法可以实现标题出现在滚动/动画背景上方的相同效果?我之前尝试过将标题设为绝对定位,但这不起作用,因为我还希望在页面下方有更多内容,这些内容也会出现在背景上方,但是很难在内容上使用绝对定位而不是背景。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)