Jquery高度返回错误值

Jquery height return false values

本文关键字：错误 返回 高度 Jquery      更新时间：2024-02-18

我正在谷歌中搜索解决方案。看到了一些解决方案，但没有人帮我。当我用chrome询问height（）时。它给我的真实价值是1627。但当我用脚本写的时候，它会变成这个。它还给我1290。我不知道为什么。如何从文档中返回真实高度（因为窗口无法帮助我）。我正在尝试使用height（）、innerHeight（和outerHeight）。

这是一个屏幕，显示我的问题：http://www.speedyshare.com/hTUDt/1.png

$(document).ready(function(){
    var menu = $("#menu").height();
    var content = $("body").outerHeight(true);
    if(menu != content)
    {
        menu = content;
        $("#menu").css({'height':menu+'px'});
    }
});

或者像这个

$(document).ready(function () {
        var menu = $('#menu');
        $(window).resize(function () {
        var height = $('#body').height();
                menu.css({
                    'height': height +  'px', 
                });
        }).trigger('resize');
});

它不起作用。

在css中我有：

 #menu {
width: 15%;
/*height: 100%;*/
background: #F5F5F5;
padding-top: 1%;
/* padding-bottom: 1%; */
font-size: 1.6rem;
font-family: 'Lato';
font-weight: 300;
color: #969696;
position: absolute;
border-right: 1px solid #c5c5c5;
box-shadow: 0px -1px 0px 1px #fff;
}

在萤火虫身上，我看到了发生的事情。他取了一个1290（我不知道为什么）的高度值，而不是身体的实际高度或1626

$('element').css('height', 'auto !important')

注意：auto可以是100%或固定数字（即"1626px"）

相关文章：