jQuery元素高度计算意外行为

时间:2014-07-24 01:29:19

标签: javascript jquery html css css3

使用jQuery和javascript(以及stackOverflow)的新手。我的项目基本上是一个带有链接div的滚动页面。

出于审美原因,我希望每个div都填充窗口的大小,我认为jQuery是一种简单的方法。基本结构如下:

  

IF div比窗口短

     

然后增长到窗口的大小。

     

ELSE 使用自动高度

我可以通过这种方式获得单个div,问题是我将其应用于类,而其他对象似乎不想以相同的方式运行。这是一个小提琴(如果链接不起作用,第一次制作小提琴让我知道 -

http://jsfiddle.net/ksaiyo/VBMVQ/3/

这个小提琴显示恰恰相反:

http://jsfiddle.net/ksaiyo/6YYFU/1/

我的剧本就在这里,但小提琴似乎很好地显示了效果。高度保持在自动高度。 (我有一个固定的导航标题和顶部不经常使用的填充,因此页面中的链接元素排列正确 - 因此无关的变量)

$(document).ready(function() {
var divHeight = $( ".content" ).height();
var winHeight = $( window ).height();
var headerHeight = $( "header" ).height();
var viewHeight = winHeight - headerHeight
var newHeight = winHeight + headerHeight;


if (divHeight <= viewHeight ) {
    $( ".content" ).height(newHeight);
};
)}

我已经四处寻找,我似乎无法确定为什么会发生这种情况的确切原因。我尝试结合使用 else 语句,但包括小元素在内的所有内容都采用自动高度。 (我也在小提琴中尝试过)

提前感谢您的帮助。

0 个答案:

没有答案