jquery - jqueryのサイズ変更による最大の高さと幅

Question

jquery resize を使用して、Web ページのコンテンツのサイズを変更しています。それは機能しますが、要素が目的の高さまたは幅に達したときにサイズ変更を停止する必要があるのですが、どうすればこれを達成できますか?

コードは次のとおりです。

$(window).resize(function(){
    $(map).height(win.height() - 210);

    if($(window).height() == 300){
        $(map).css({
                    "height": "250px"
                    });
    }
});

if ステートメントを実行しましたが、それでも機能しません。コードの何が問題なのですか。これについて教えてください。

前もって感謝します。

Answer 1

maxHeightサイズ変更可能な div の設定

$(document).ready(function(){
    $("#map").resizable({
      maxHeight: 300
    });
});

そして、対応divするスクロールバーをオンに設定しますoverflow

#map{
  overflow:scroll;
}

これにより、divは常にスクロール バーを持ち、対応するサイズを変更するときにユーザーを制限できます。div

ソース: jQuery のサイズ変更可能な API (最大/最小)

Answer 2

あなたはそれが 300 であると言っています。これは非常に具体的です。>= 300