【jQuery】読み込み時とスクロール時、両方でイベントを起こす方法について

Question

jQueryにて以下の項目を定義し、一定のスクロール位置でaddClass("fadeIn")が発動するコードを記述しています。

ウィンドウの高さ = wHeight
スクロールした量 = scrollAmount
アニメーション対象の位置 = targetPosition

この設定に加えて、スクロールした位置から再読み込み（command + R）した場合でも発動するように、$(document).ready(function(){ ... }); の中に同様の記述を行いましたがうまくいきません。

定義した変数はうまく読み込まれているようなのですが、
このコードが読み込まれない理由と修正点をお教えいただけないでしょうか？

$(function(){

// ---------------------
//    読込時
// ---------------------

  $(document).ready(function(){
    var wHeight = $(document).height();
    var scrollAmount = $(document).scrollTop();

      // フェードインアニメーション
        $('.scrollanime01').each(function () {
          var targetPosition = $(this).offset().top;
          console.log(targetPosition);
          if(scrollAmount > targetPosition - wHeight + 100) {
            $(this).addClass("fadeIn");
          }
        });

  });

// ---------------------
//  スクロール時
// ---------------------
  $(window).scroll(function () {
    var wHeight = $(window).height();
    var scrollAmount = $(window).scrollTop();

    // フェードインアニメーション
    $('.scrollanime01').each(function () {
      var targetPosition = $(this).offset().top;
      if(scrollAmount > targetPosition - wHeight + 100) {
        $(this).addClass("fadeIn");
      }
    });

});

Comments

[m.ts10806]

ひとまず$(function(){　と　$(document).ready(function(){　はほぼ同じです。

[tom_k_92]

ご指摘ありがとうございます。
$(document).ready(function(){ は削除いたしました。

Answer 1

$(window).on('scroll',function () {
 ・・・・
}).trigger('scoll');

Comments

[tom_k_92]

ご指導いただきありがとうございました。
解決できました。