Javascript 固定的底部页脚内iframe的移动应用程序

我需要在iframe内固定底部页脚。这里我使用的是全高宽iframe。所以现在我在这个文件中有一个页面iframe.html，我正在使用index.html文件，这里我有固定的页脚。它在网络和安卓浏览器中运行良好，但在iOS safari浏览器中不起作用

为此，我在页脚中使用了

position:fixed

属性

iframe.html文件

<iframe src="index.html" id="iframe"></iframe>

index.html文件

<iframe src="index.html" id="iframe"></iframe>

HTML代码

<script>
    for(var i = 0; i < 100; i++)
        document.write("<div> test :: " , i , "</div>");
</script>

<footer>
    <p>footer</p>
</footer>

---

问题在于

位置：fixed

在移动浏览器中的工作方式与桌面浏览器有所不同

我建议你通过以下链接

---

问题在于

位置：固定的

在移动浏览器中的工作方式与桌面浏览器有所不同

我建议你通过以下链接

footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padiing: 0.5em;
}