iframe中不能完全显示可折叠菜单。设置高度PX但会导致问题在菜单中多个选项卡展开

Question

我想在一个iframe可折叠菜单插入一个页面，但将无法正常显示。

我曾尝试设置像素高度，但它在多个选项卡扩展菜单被顶部切断，你不能向上滚动坍塌最顶部的标签。没有任何高度规范的菜单是不可见的。

var jno = jQuery.noConflict();
jno(document).ready(function() {
    jno('#deliverlogic-iframe').iFrameResize();
});

<script type="text/javascript" src="https://www.ondaguey.com/assets/templates/default/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="https://www.ondaguey.com/assets/templates/default/js/iframeSizer.min.js"></script>
        <center>
            <iframe id="deliverlogic-iframe" src="https://www.ondaguey.com/single.php/order/restaurant/east-coast-super-subs/32?REF=187&LIMITRR=32" width="100%" frameborder="0" scrolling="no"></iframe>

我只是想整个菜单可见，当标签被用户扩展到能够达到滚动到菜单的顶部。

Answer 1

您好像没有关闭<center>标签：

<center>
<iframe id="deliverlogic-iframe" src="https://www.ondaguey.com/single.php/order/restaurant/east-coast-super-subs/32   ?REF=187&LIMITRR=32" width="100%" frameborder="0" scrolling="no"></iframe>

此外，应避免使用中心的标签，因为他们不再被支持。你可以在这里读到它： https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center

使用保证金：汽车;代替。这是如何做： https://www.w3schools.com/css/tryit.asp?filename=trycss_align_container