jquery - 使用 jQuery 计算高度在 Firefox 和 Chrome 中有所不同

标签 jquery firefox height css

我有一个已经被问过的问题 here ,但那里提供的解决方案不起作用。问题是我正在使用 jQuery height() 函数返回 div 的高度。它在 Firefox 中运行良好,但在 Chrome 中返回一个小 300px 的值...

您可以查看此错误的示例 here .虽然我必须说它是希伯来语。虽然这应该没什么大不了的......

有没有人遇到过这种情况?下面是计算高度的代码:

var heightLeftCol = $('#leftCol').height();
var sidebarHeight = $('#sidebar').height();
var minHeight = heightLeftCol > sidebarHeight ? heightLeftCol : sidebarHeight; 
$('#postArea').css('min-height', minHeight+100);

编辑:这个问题未修复解决了我不喜欢的方式,但现在可以解决。这是我想出的“解决方案”:

if (jQuery.browser.safari) {
    $('#postArea').css('min-height', minHeight+400 + 'px');
}
else {
    $('#postArea').css('min-height', minHeight+100 + 'px');
}

由于 Safari 和 Chrome 都在 WebKit 上运行,browser.safari 实际上也选择了 chrome。我绝对不认为这是最佳解决方案。

谢谢! 阿米特

最佳答案

在 Chrome 中,div 的高度不包括 300 像素高的图像“sheli.jpg”的高度,因为它没有在 html 或 css 中指定。如果您在 标签或 height: 300px; 中指定 height="300" 作为其样式的一部分,它将起作用。

关于jquery - 使用 jQuery 计算高度在 Firefox 和 Chrome 中有所不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5205838/

相关文章:

javascript - VisualStudio javascript 混淆器窗口

javascript - 防止 Firefox 中的默认 Tab 键行为

database - 我应该在 Firefox 扩展中使用哪个轻量级数据库?

javascript - Firefox 47 - Application.activeWindow 在插件中不起作用

jQuery UI 按钮 - 如何更改选中按钮的样式和图标?

jquery - 将函数的值赋给变量

java - 如何在依赖 JavaScript 的 Struts 表单中处理换行符

html - div 上的滚动条溢出 :auto and percentage height

html - 内容高度缩放到 100% 时出现问题 (CSS)

Jquery height() 和 resize() 问题