iframe中的粘滞按钮（依赖于页面滚动）

Question

如何在iframe中创建粘滞按钮？我的意思是，当您使用position：sticky或-web-sticky时，当 页面正在滚动。

我怎么做？

Answer 1

当我想在iframe中使用粘性代码时，我总是使用 Sticky-Kit ，我会使用此链接click here

这很简单

只需在要保留在其父项中的元素上调用stick_in_parent。粘性元素“从底部伸出”，因此它们永远不会离开容器，不必担心粘性元素会意外覆盖您的页脚。

如果是手动方式

<style>
div.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: yellow;
    padding: 50px;
    font-size: 20px;
}
</style>

<div class="sticky">I will stick</div>