Question

我正在使用来自this帖子的jQuery代码，根据浏览器的高度调整我的DIV高度，它运行得很好。我正在努力的是调整这段代码，使其只在内容本身不够大时才调整到浏览器的高度。目前，如果您在DIV中的内容自然会高于浏览器的高度，那么jQuery代码仍然会使DIV与浏览器窗口一样高，从而削减了溢出的内容。

我用来根据浏览器的高度调整DIV的jQuery代码：

$(document).ready(function(){
    resizeContent();

    $(window).resize(function() {
        resizeContent();
    });
});

function resizeContent() {
    $height = $(window).height() - 0;
    $('body div.slide').height($height);
}

如果有人对如何修改代码以避免切断比浏览器窗口更高的内容有任何想法，我将永远感激。

感谢您的帮助！

Answer 1

如果我理解你的问题，你需要做的就是在设置应用窗口高度之前测试div的高度：

if ($('body div.slide').height()<=$height) {
  $('body div.slide').height($height);
}

请参阅jsfiddle：http://jsfiddle.net/9YQYt/

Answer 2

如果我理解了问题，您可以使用CSS解决您的问题

div.slide{height: 100%}

如果用浏览器高度用jQuery定义DIV的高度，如何根据内容增加DIV的高度？

2 个答案: