2016-12-13 13 views
0

ブラウザウィンドウのサイズを変更すると、次のコードはアクティブ化されません。ページ上でのみをロードします。ステートメントの場合私は間違って何をしていますか?ウィンドウのDivポジションを変更します。

$(updateBoxDimension); 
$(document).ready(updateBoxDimension); 
$(window).on('resize', updateBoxDimension); 

function updateBoxDimension() { 
    var $box = $('.case-study-outer'); 

    // To center the box 
    var boxTop = ($(window).height())/2 - ($box.height()/2); 

    if ($(window).width() < 900) { 
     $box.css({ 
      top: inherit 
     }); 
    } else if ($(window).width() > 900) { 
     $box.css({ 
      top: boxTop 
     }); 
    } 
} 
+1

脇に---要素を中央に配置したい場合は、CSSだけを使用してみませんか? – DaniP

+0

あなたは本当にこのためにCSSを使うべきです –

+0

なぜそんなに複雑にするのですか?ちょうどCSSとその罰金を使用してください。 – Denisx

答えて

0

フレックスボックスをチェックすると、必要なものと正確に一致する可能性があります。ここでは、それらを使用する方法に関する有用なリンクがあり、CSS内で使用されています。

+0

これは解決策ですが、まだすべてのブラウザがこれをサポートしているわけではありません。 –

関連する問題