有点小问题。所以我用Firebase托管我的网站,我用NPM安装AOS。在某些浏览器上它可以工作(例如在PC上它可以与Chrome一起工作,但现在可以与Microsoft Edge一起工作)在我的iPhone上,首先它可以在Safari上工作,然后在Chrome上工作,但现在不再工作了(即使我没有改变任何东西。
AOS有时不加载。
它什么时候起作用是这样的:
当它不工作时,它看起来像这样:
这是没有加载的部分的代码,在这里我导入了AOS(我用NPM安装)。然而,有时它会加载,有时不会。问题在哪?Firebase无法与所有用户共享资源,还是?
import AOS from "aos";
import "aos/dist/aos.css";
export default function Despre() {
window.addEventListener('load', () => {
AOS.init({
duration: 1000,
easing: 'ease-in-out',
once: true,
mirror: false
})
});
return (
<section id="about" class="about">
<div class="container">
<div class="section-title" data-aos="zoom-out">
<h2>Despre noi</h2>
<p>Cine suntem?</p>
</div>
<div class="row content" data-aos="fade-up">
<div class="col-lg-6">
<p>
Localizați în localitatea Galați, dorim să vă oferim o nuntă ca în povesți, atât mirilor cât și invitaților acestora.
</p>
<ul>
<li><i class="ri-check-double-line"></i> Porumbeii pe care îi oferim sunt de culoare alb imaculat, fiind foarte curați.</li>
<li><i class="ri-check-double-line"></i> Porumbeii au fost folosiți ca simboluri de secole, având o simbolistică vastă!</li>
<li><i class="ri-check-double-line"></i> Aceștia simbolizează, printre altele, pacea, liniștea și iubirea!</li>
</ul>
</div>
<div class="col-lg-6 pt-4 pt-lg-0">
<p>
Momentul artistic al eliberării porumbeilor poate fi la ieșirea mirilor din biserică, la ieșirea de la Oficiul Stării Civile sau înainte de intrarea în localul în care va avea loc evenimentul. Momentul eliberării porumbeilor va fi ales de dumneavoastră!
</p>
<div class="d-flex justify-content-center">
<i class="fa-solid fa-dove fa-4x" id="porumbel"></i>
</div>
</div>
</div>
</div>
</section>
);
}
谢谢你的帮助!!
1条答案
按热度按时间ilmyapht1#
我遇到了同样的问题。在野生动物园动画没有工作。我使用控制台从官方AOS演示站点下载了脚本(link),并在站点的页脚添加了相同的初始化。