【jQuery】ページのコンテンツ量に応じて表示タイミングを変える

※ 当サイトではアフィリエイト広告を利用しています。

以下のコードの例では、.noticeというクラスを付けたお知らせ部分を最初から表示させるか、スクロールしてから表示させるかという条件分岐にしています。

var h = $('body').outerHeight(true);
var notice = $('.notice'); 
  if(h<1000){
    notice.css('display','block');
  }else{    
    $(window).scroll(function () {
      if ($(this).scrollTop() > 300) {
        notice.fadeIn();
      } 
    });
  }