使用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 语句,但包括小元素在内的所有内容都采用自动高度。 (我也在小提琴中尝试过)
提前感谢您的帮助。