jquery我的错误是使用.css()来缩放最小高度到窗口高度

时间:2015-07-23 06:24:16

标签: javascript jquery css

我正在编写一个脚本来将我的英雄单位的最小高度缩放到窗口高度减去标题。除非它的子容器的高度大于窗口的高度。我必须关注我的语法,因为到目前为止我没有工作。

$(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();
    });

});

1 个答案:

答案 0 :(得分:1)

仅在heroUnitHeight函数的第一个if语句中,您使用括号调用高度:$('.hero-unit').height$(window).height