Fatal编程技术网

Jquery和框架

jquery iframe

Jquery和框架,jquery,iframe,Jquery,Iframe,我有一个内部带有iframe的页面，所以使用Jquery我想调整框架的高度，这样它就不会显示页面的滚动条，而只显示框架的滚动条 我在这个页面中还有一个标题div（应用了切换功能），所以我还必须计算这个高度（当它消失时和它可见时） 我已经测试过这段代码，它只适用于Chrome 代码如下： var height_body = $('body').height(); var height_header = $('#header').height(); var height_l

我有一个内部带有iframe的页面，所以使用Jquery我想调整框架的高度，这样它就不会显示页面的滚动条，而只显示框架的滚动条

我在这个页面中还有一个标题div（应用了切换功能），所以我还必须计算这个高度（当它消失时和它可见时）

我已经测试过这段代码，它只适用于Chrome

代码如下：

    var height_body = $('body').height();
    var height_header = $('#header').height(); 
    var height_logomenu = $('#logomenu').height(); 


    $('#frameconcessionaria').attr( 'height', height_body - height_header);

    $('#header').css({'display' : 'none'});

    $('body').css({'background-image' : 'none'});

    $('#logo').click(function() {

        if ($("#header").is(":hidden")) {
            $('#frameconcessionaria').attr( 'height', height_body - (height_header+height_logomenu));
            $("#header").slideDown("800",function() {
                //animation completed
                }   
            );
        } else{ 
            $("#header").slideUp("800",function() {
                $('#frameconcessionaria').attr( 'height', height_body - height_logomenu);
                }   
            );
        }
    });
和html：

 <body>

<div id="header"></div>
 <!-- IFRAME -->
<iframe src="<?php echo $src; ?>" id="frameconcessionaria" height="500px" width="100%" frameborder="0" scrolling="auto"> This page requires iframe - Questa pagina ha bisogno degli iframe</iframe>
<!-- END IFRAME -->

</body>



你有萤火虫吗？到底是什么不起作用

注:
你可以用


$('#header').hide();


而不是


$('#header').css({'display' : 'none'});


您还应该拥有此代码


var resize_frame = function() {
    var height_body = $('body').height();
    var height_header = $('#header').height(); 
    var height_logomenu = $('#logomenu').height();
    $('#frameconcessionaria').attr( 'height', height_body - height_header);
}


在一个函数中，并调用它的窗口大小，我想


$(window).resize(resize_frame)