iOS上iframe内的固定元素闪烁_Ios_Css_Iframe_Fixed_Flicker

iOS上iframe内的固定元素闪烁

ios css iframe

iOS上iframe内的固定元素闪烁,ios,css,iframe,fixed,flicker,Ios,Css,Iframe,Fixed,Flicker,我知道这方面似乎有很多问题，但似乎没有一个解决方案能解决我的问题我正在尝试在iframe中的屏幕底部应用一个固定按钮。在我当前的实现中，每当我滚动时，iOS Safari上的按钮都会出现可怕的闪烁我的基本情况如下： HTML <iframe> <body> <div class="app"> <div class="app-content"> <div class="card"> <h1&g

我知道这方面似乎有很多问题，但似乎没有一个解决方案能解决我的问题

我正在尝试在iframe中的屏幕底部应用一个固定按钮。在我当前的实现中，每当我滚动时，iOS Safari上的按钮都会出现可怕的闪烁

我的基本情况如下：

HTML

<iframe>
 <body>
  <div class="app">
   <div class="app-content">
     <div class="card">
       <h1>Header</h1>
       <p>Content</p>
     </div>
     <button class="fixed-button">This is flickering</button>
   </div>
  </div>
 </body>
</iframe>

我的网站上有一个WIP。任何建议都会令人惊讶

我认为不存在“修复”。这是我找到的一个好方法。。。

iframe {
 border: none;
 position: absolute;
 height: 100%;
 width: 100%;
 top: 0; left: 0;
}

app {
 -webkit-overflow-scrolling: touch;
 overflow:auto;
 position:absolute;
 width:100%;
 height:100%;
}

fixed-button {
 position: fixed;
 bottom: 1rem;
}