javascript - 如何在iframe内制作固定div

Question

我想在窗口底部制作一个 float div。它工作正常，如此处所示 https://fiddle.jshell.net/8ghsm1La/light/

我遇到的问题是当我将该 html 放入 iframe 中时。粘性 div 位于 iframe 的底部。在这种情况下，我希望它位于屏幕底部，无论 iframe 滚动在哪里 https://jsfiddle.net/x1p4bf7j/

<iframe id="if1" src="https://fiddle.jshell.net/8ghsm1La/show/light/" style="width: 1310px; height: 582px; overflow: hidden;" />

即我希望固定粘性 div 位于容器页面的底部。

Answer 1

我认为你可以用 css 放置 div:

#iframe {
  position: fixed;
  width: 100%;
  height: 30px;
  margin: 0px !important;
  background-color: yellow;
  bottom: 0px;
  z-index: 1000;
}