Codepen 固定菜单如何工作?

How does the Codepen fixed menu work?

在移动设备上使用 Codepen 时(笔处于全屏模式),菜单固定在页面顶部,而其余内容滚动到后面。检查元素时,似乎没有设置任何 position:fixed 或 position:absolute,也没有 Javascript 编写任何内联样式。我看不到任何似乎定义此行为的属性。

他们是如何把菜单弄成这样的?如果你能够发现:你是怎么发现的?作为初级开发人员,了解找到解决方案的方式与了解解决方案一样有帮助:)

您能否至少向我们展示您正在尝试重现的内容的屏幕截图以及您目前尝试过的内容的示例?

如果你看得更详细一点,你会发现视图在 iframe 内,因此滚动实际上发生在 in iframe 内,那是为什么菜单仍然在顶部。您可能已经注意到,滚动条实际上​​也在 内部 iframe

见下图: