我正在编写一个脚本来将我的英雄单位的最小高度缩放到窗口高度减去标题。除非它的子容器的高度大于窗口的高度。我必须关注我的语法,因为到目前为止我没有工作。
$(function () {
function heroUnitHeight() {
if( $('.hero-unit').height < $(window).height ) {
$('.hero-unit').css("min-height", ( $(window).height() - $('header').height()) + "px");
} else {
$('.hero-unit').css("min-height", $('.quick-search').height());
}
}
$(document).ready(function() {
$('.hero-unit').css("padding-top", ( $('.hero-unit').height() - $('.quick-search').height()) / 4 + "px");
heroUnitHeight();
});
$(window).resize(function() {
$('.hero-unit').css("padding-top", ( $('.hero-unit').height() - $('.quick-search').height()) / 4 + "px");
heroUnitHeight();
});
});
答案 0 :(得分:1)
仅在heroUnitHeight
函数的第一个if语句中,您使用括号调用高度:$('.hero-unit').height
和$(window).height