微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决绝对位置上的 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 举报,一经查实,本站将立刻删除。