Javascript 如何在wordpress中不滚动显示iframe内容

我正在创建一个网站。我有一个侧菜单栏，它的菜单列表来自我的wordpress博客的页面和帖子。现在，每当我选择一个菜单时，它的内容将显示在我创建的模板中，并显示在Iframe中

我创建的模板的内容具有“div”，其类为“collapse”。 每次我触发折叠div时，除非我滚动它，否则内容不会完全显示

我希望它不滚动显示，并根据可折叠div的大小增加Iframe的高度

<iframe id="iframe" src="your URL" scrolling="no" width="100%" ></iframe>
<script>
var d = window.innerHeight;
window.document.getElementById('iframe').style.height = d+'px';
</script>

var d=窗内高度；
window.document.getElementById（'iframe'）.style.height=d+'px'；

您的问题没有包含代码。请看你问了一个好问题：对不起，先生，我只是忘了写密码。请参阅附件图片。最好用实际代码替换图片。另外：解释一下为什么/如何解决这个问题会很好，而不仅仅是发布一堆代码。你可以在不同的屏幕分辨率上动态更改浏览器的高度和iframe的高度。谢谢你的回答，先生，这对我来说确实有效，但问题是，每当我尝试缩小屏幕或尝试使其响应时，它都不起作用。当你重新加载页面时，我的代码会起作用，响应是与css编码相关的另一件事。当你改变屏幕大小时，你需要重新加载页面。