如何解决React fullpage.js
在此处查看演示:https://p6msv.csb.app/
我不知道如何让这个“更多信息”模式位于屏幕上的所有其他元素之上。
以下是所需的堆叠顺序,首先是最高堆叠元素:
- 模态
- 导航打开
- 标题
- fullpage.js 部分
有人看到我遗漏了什么吗?
解决方法
我不太确定您的问题,但对于模态,请考虑使用 fullpage.js 选项 normalScrollElements
,甚至在使用 fullpage_api.setAllowScrolling(false)
打开它时禁用整个 fullPage.js 滚动。>
此外,任何固定元素都应放置在 fullPage.js 包装器之外。这是一些浏览器在处理 3d css 转换时的一个错误。
如果您由于某种原因无法移动它,您可以尝试使用 fixedElements
选项,甚至使用 scrollBar:true
或 css3: false
摆脱 3d 转换。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。