Dzień dobry!
Problem klasyczny, ponieważ w edytorze kodu pojawia mi się komuniakt:
'document' is not defined
Szukałem i próbowałem rozwiązań w wielu miejscach, także na tym forum, jednak nic nie pomaga. Nie wiem czy to ja już źle szukam/sprawdzam, czy problem faktycznie jest. Konsultowałem się w tej sprawie z jednym web developerem i z tego co usłyszałem "u niego działa". Proszę o pomoc.
Fragment kodu HTML odnoszący się do elementu i do pliku js. Poniżej kod w pliku js.
<body>
<header>
<nav>
<i class="fas fa-bars"></i>
</nav>
<hgroup>
<h1> Lorem ipsum dolor sit amet</h1>
<h3><span> Lorem ipsum dolor sit amet,</span>
consectetur adipiscing elit.</h3>
</hgroup>
<img src="img/foto.JPG">
<div id="arrow"><i class="fas fa-angle-down"></i></div>
</header>
<main>
</main>
<script src="js/java.js"></script>
</body>
var arrow = document.querySelector("#arrow");
Problem pojawił się przy próbie skorzystania z funkcji animate w jQuery. Przed plikiem js w htmlu dodałem AJAXa, a w pliku js:
arrow.addEventListener('click', function () {
document.querySelector("body,html").animate({
scrollTop: 400
}, 1000);
});
Niestety animacja przewijania nie działa.