Javascript 使用iFrame大小调整器时，填充到已调整大小的iFrame顶部

因此，我使用awesome库来调整iFrame的大小并使其保持焦点

问题是（对我来说）我不知道如何制作iFrame，当调整大小时，在顶部添加一些额外的填充

发生的情况是，iFrame在某个点调整大小，窗口向上滚动，但iFrame被放置在固定菜单下（见下文）。我认为这是因为iFrameResize使用的是完整的窗口大小，而不是固定的菜单。我不知道该怎么修

这是基本的html

<div style="position:fixed;z-index:99; width:100%">
 <nav class="top-bar"><section>
  <ul><li><a href="http://somelink">top link></li><li><a href="http://somelink">top link></li></ul>
 </section></nav>
</div>
<div style="float:left;width:50%;">left panel with text</div>
<div style="float:right;width:50%;">
  <div>
   <iframe style="border:none;overflow:hidden;" src="http://someurl" width="80%" height="100%" scrolling="no" id="iFrameResizer0"></iframe>
   <script>iFrameResize({log: true, 
        checkOrigin: false,
        enablePublicMethods: true,
    })
   </script>
  </div>
</div>

顶链接>
顶链接>

带文本的左面板
iframesize（{log:true，
checkOrigin:false，
enablePublicMethods:true，
})

如果有人能指导我修改和/或添加额外的参数来添加额外的填充，那就太棒了

---

为了记录在案，我尝试添加一个额外的边距顶部和填充顶部，但这并不能解决问题。另外，当第一次加载页面时，两列的高度应该相同，因此这不是一个理想的解决方案。

看看在需要时使用resizeCallback添加填充

拍摄没有人有任何想法：/你能举例说明吗？基本上，我发布了这篇文章，因为我不太明白如何做到这一点：）