javascriptを利用してスクロール時のフェードインを作りたいです

JSを利用して下方向にスクロール時にフェードインするように設定したいのですが、ググってもいろいろ書かれていてわかりにくいです。
<head>内と</body>手前に書いたもので足りているでしょうか？
余分なもの不足しているものがありましたら教えていください。
コード
<head>
    <meta charset="UTF-8">
    <!--レスポンシブ対応タグ-->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!--ページ崩れの防止タグ-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <!--CSS-->
    <link rel="stylesheet" href="prof.css">
    <!--ファビコン-->
    <link rel="icon" type="image/png" href="image/004fab.png">
    <!--Animate.css-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />


</head>

<body>
・・・


<!--WOW.js-->
    <script src="js/wow.min.js"></script>
    <script>
        new WOW().init();
    </script>

    <!--JS-->
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>

</body>
</html>

storm3

2020/10/20 10:09

css、scriptファイルの読み込み方に間違いがあるようには見えません。質問の意図がわかならいのですが、何か問題が発生しているのであれば、その内容を記載したほうが良いと思います。コード眺めた感じではwow.jsの使い方が間違っているぐらいしか見当たらないのですが、wow.jsが使いたいけど動かないということでしょうか？