Question

我想用jQuery / JavaScript（我不擅长）获取窗口高度，并将其应用于带有'slide'类的几个div（3-4）。为什么我不想在CSS中使用height: 100%;是因为某些元素被高度为100％的元素所覆盖：screenshot（我可以使页脚高100％但这将是一个混乱）并且因为高度随着放大/缩小而变化（即代替保持例如1080p，它变为100％并且在缩小时仍然填充窗口）。

然后我在stackoverflow上找到了一些答案，有些人建议这样的事情:(来自：here）

$(document).ready(function(){
	$(".slide").css("height", $(window).height());
});
$(window).resize(function(){
	$('.slide').css('height':($(window).height());
});

我已经编辑了一下。

我在同一个问题上阅读了很多其他帖子，并尝试了一切，但似乎没有什么对我有用。甚至制作了一组新文件来单独测试它，在JSFiddle上查看它。

提前致谢！

Answer 1

您问题中的代码是正确的，但是您的小提琴中的代码是错误的：您已经使用了:您想要,的地方（并且单独地，您没有＆＃39;在你的小提琴中加入了jQuery。

代码应为

$(document).ready(function(){
    $('.slide').css('height', $(window).height());
    // Comma, not colon ----^
});
$(window).resize(function(){
    $('.slide').css('height', $(window).height());
    // Comma, not colon ----^
});

Updated Fiddle （我为.slide添加了背景，以便您可以看到它的全高）

请注意，由于body上的默认填充，您最终会使用滚动条。但我假设在您的真实网站/应用中，您正在处理CSS中的问题。

将div高度设置为窗口高度（使用CSS不是100％）

1 个答案: