0

所以我有一个幻灯片块（它的响应），我已经min-height: 315px为这个块设置了，我真的需要它，但是当我调整窗口大小时我需要min-height平滑地缩小，现在我写了 jQuery 代码，所以它可以工作，但它很难看。

function minHeightBehavior(width) {
        width = parseInt(width);
        element = $('#block-views-home-page-slider-block');
        sliderHeight = $('.views-field-slider').height();
        element.css('min-height', '315px');
        if (width >= 769 && width < 960) {
            console.log(sliderHeight);
            element.css('min-height', sliderHeight +'px');

        }

    }

现在滑块下方的块，正在向上跳跃，这是因为例如当窗口screen width为 900 时，element height为 300，如果screen width为 899，element height则也是 300。之后如果screen width是 898，element height是 299，等等。
也许有更好的解决方案？

4

2 回答 2

2

使用.animate方法。

（并开始使用var局部变量）

function minHeightBehavior(width) {
        var width = parseInt(width),
            element = $('#block-views-home-page-slider-block'),
            sliderHeight = $('.views-field-slider').height(),
            minHeight = 315;

        if (width >= 769 && width < 960) {
            minHeight = sliderHeight;
        }

        element.animate({height: minHeight + 'px'}, 500, function(){
           $(this).css({'min-height': minHeight + 'px', 'height':'auto'});
        });

    }
于 2012-11-15T16:50:27.147 回答
0

有没有办法将最小高度设置为百分比？而不是使用像素。

于 2012-11-15T16:45:54.943 回答