0

スライドショーブロック（応答性）がありmin-height: 315px、このブロックを設定しました。本当に必要ですが、ウィンドウのサイズを変更するときはスムーズに縮小する必要がありますmin-height。今はjQueryコードを記述しているので、機能しますが、醜いtbhです。

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 width898、299element heightなどの場合。
もっと良い解決策があるのではないでしょうか。

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

min-height をパーセンテージで設定する方法はありませんか? ピクセルを使用する代わりに。

于 2012-11-15T16:45:54.943 に答える