jquery - ブラウザを開いて再初期化するときにdivmax-heightを調整する方法

Question

さて、私はdivクラス「content」を持っていて、ブラウザが800pxの高さにサイズ変更するたびに、contentdivはその最大高さを500pxにサイズ変更します。私が抱えている問題は、ブラウザが800pxの高さで開いた場合、ブラウザを更新しない限り、divのスクロールバーがないことです。

私が持っているコード：

<script type="text/javascript">
$(window).on('resize', function(){
if($(this).height() <= 800){
    $('.content').css('max-height', '500px'); //set max height
}else{
    $('.content').css('max-height', ''); //delete attribute
}
});
</script>

また、jScrollPaneを使用しており、cssでmax-heightを設定すると正常に機能しますが、上記のコードを使用すると、代わりに通常のスクロールバーが使用されます。どちらかについての助けをいただければ幸いです。

Answer 1

これを試して：

$(document).ready(function() {

   $(window).on('resize', function(){
     if ($(this).height() <= 800){
          $('.content').css('max-height', '500px'); //set max height
     } else{
          $('.content').css('max-height', ''); 
     }
   }).resize()

})

Answer 2

でそのコードを 1 回呼び出します$(document).ready()。

Answer 3

包み込む

$(function() {
    //Script in here should run on document.ready
});