1

我正在使用这篇文章中的 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);
}

如果有人对如何修改代码以防止它切断高于浏览器窗口的内容有任何想法，我将永远感激不尽。

谢谢你的帮助！

4

2 回答 2

2

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

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

见jsfiddle：http: //jsfiddle.net/9YQYt/

于 2013-03-16T17:24:25.700 回答
0

如果我理解这个问题，你可以用 CSS 解决你的问题

div.slide{height: 100%}
于 2013-03-16T17:42:42.987 回答