Codepen 固定菜单如何工作？答案

【问题标题】：How does the Codepen fixed menu work?Codepen 固定菜单如何工作？
【发布时间】：2017-11-15 12:23:51
【问题描述】：

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

那么他们是如何让菜单变得如此粘稠的呢？如果你能够发现：你是怎么发现的？作为初级开发人员，了解找到解决方案的方式与了解解决方案一样有帮助:)

【问题讨论】：

【解决方案1】：

您能否至少向我们展示您尝试复制的内容的屏幕截图以及您迄今为止尝试过的示例？

如果您仔细观察，您会发现视图位于 iframe 内部，因此滚动实际上发生在内部 iframe，这就是菜单仍然位于顶部的原因.您可能已经注意到滚动条实际上也位于内部 iframe。

见下图：

【讨论】：