前提・実現したいこと
Wordpressのオリジナルテーマを初めて作成しています。ローカル環境です。
スクロール途中の画像をフェードインさせて表示させたいです。ネット記事を参考に、
フェードインさせたいものを.animationでくくりました。
(jsファイル) jQuery(function ($) { $(function(){ $(window).on('load scroll',function (){ $('.animation').each(function(){ //ターゲットの位置を取得 var target = $(this).offset().top; //スクロール量を取得 var scroll = $(window).scrollTop(); //ウィンドウの高さを取得 var height = $(window).height(); //ターゲットまでスクロールするとフェードインする if (scroll > target - height){ //クラスを付与 $(this).addClass('active'); } }); }); }); });
発生している問題・エラーメッセージ
読み込まれませんでした。尚、同じjsファイル内にスライドショーの記述もしましたが、そちらは問題なく読み込まれます。console.logも試しにやってみるとこちらも問題なく表示されます。また、コードエディタで同じ記載をして(jQuery(function ($) {は除いて)、ブラウザで読み込ませると問題なく動作します。
よろしければ解決方法をご教示いただければと思います。
あなたの回答
tips
プレビュー