Я хочу иметь простую анимацию затухания на основе прокрутки, но я выдаю эту ошибку ... а также я включил библиотеки ... это мой код это ошибка: . jquery .min js: 2 Uncaught TypeError: Невозможно прочитать свойство 'addEventListener' из неопределенного в с (jquery .superscrollorama.min. js: 1) at Function.t.superscrollorama (jquery .superscrollorama.min. js: 1) на HTMLDocument. (Приложение js:. 2) при е (jquery .мин. js: 2) при t (jquery .мин. js: 2)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Scroll</title>
<link rel="shortcut icon" href="./assets/T logo.png" type="image/x-icon" />
<link rel="stylesheet" href="./css/style.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.2.6/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/SuperScrollorama/1.0.3/jquery.superscrollorama.min.js"></script>
</head>
<body>
<nav class="first-bg">
<ul>
<li><span class="logo"></span></li>
<li>Home</li>
<li>Products</li>
<li>Links</li>
<li>Help</li>
</ul>
</nav>
<script src="app.js"></script>
</body>
</html>
И это мое приложение. js
$(document).ready(function () {
var controller = $.superscrollorama({
triggerAtCenter: false,
playoutAnimations: true
});
controller.addTween(
'.first-bg',
TweenMax.from($('.first-bg'), 1, { css: { opacity: 0 } })
);
});
заранее спасибо ...