日: 2022年4月12日

スピードテストなどで色々いじって　つまずいた件　メモ　window.onload

フッターにスクリプト出力

読み込み遅らせる

プラグインキャッシュ

 

問題が混在した。

アニメーションでfade_up_conがスマホで表示されない件

答えは　ヘッダーに書いてある

まさかの

<!–フリックスライダー–>

を　script async type=”text/javascript”　で遅らせた結果だった　なぜ？これ関係ないやん　と思っていたが

<script type="text/javascript" src="<?php //1が784 2が1042
                                    echo get_template_directory_uri(); ?>/0_d/js/flickSlider_600.js"></script>

中身を開くと

///これはローディング画像を出すスクリプト後入れ//
window.onload = function(){
    $(function() {
        $("#loading").fadeOut(0);
        $(".flickSlider").fadeIn(500);
    });
}

最初にこれが書いてあって

フッターに書いてある

アニメーションも

<script>
//フェイドアップ
    window.onload = function() {
  scroll_effect();

  $(window).scroll(function(){
   scroll_effect();
  });

・・・

となっており、

順番の問題なようだ。いや違う

window.onloadは上書きされるので

うまく行ってない状態だと

ローディング画像が適応で　フェイドアップが無効だということ

そういえば　ローディング画像でなくなったと思った事がある。。

http://www.d-marking.com/%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF-%E3%82%A2%E3%83%8B%E3%83%A1%E3%82%A4%E3%83%88wow/

ここにメモが、。

window.onload　２回使いたい場合に

https://onedarling.site/programming/javascript/window-onload/

ここを参考

window.onloadを２つ以上使いたい場合は、addEventListenerを使えばOKです。

window.addEventListener('load', function(){
  console.log('ロースを注文しました');
});
 
window.addEventListener('load', function(){
console.log('カルビを注文しました');
});