javascript - % ベースの高さ、動的にピクセルに変換

Question

私は次のことを行う簡単な方法を探しています：

私はウェブサイトを構築しています.contentクラスがあり、その高さは= height:auto;です。およびその幅 = 幅:80%; しかし、私はそれをスケーリングしているときに、divが垂直方向に「TOO」ビットになることを望んでいません。

質問：

divの高さをチェックし、overflow-y:scroll;を置くことができるjavascriptの「if」ステートメントはありますか？要素が大きくなりすぎた場合、垂直方向に 400px と言いますか?

div には css の高さがありません。オートに設定されています。どうも

score 0 · Accepted Answer

CSSを介して実行したくない場合は、探しているjQuery関数は次のとおりです。

$("#element").outerHeight() and $("#element").outerWidth()

明示的に設定された高さと幅ではなく、計算された要素の高さと幅を返します。
それで、

if ($("#element").outerWidth() > 400) {
    $("#element").width(400);
    $("#element").css('overflow-y', 'scroll');
}

score 0 · Accepted Answer

@ieeehh に追加して jQuery を使用する場合は、最初に jQuery を含めます。次に、要素のIDが#element

$(function(){
      if ($("#element").outerHeight() > 400) {
           $("#element").width(400).css('overflow-y', 'scroll');
      }
});

2 に答える 2