javascript - AOS 库不工作，除了刷新

Question

我正在构建一个网站，其中一个 div 需要在滚动到视图中时从左向右滑入。我正在使用AOS库对其进行动画处理，但除非我将元素滚动到视图中，然后刷新选项卡，否则它不起作用。

这是我的 HTML 的头：

    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>

我的身体内容：

    <div class="aos-item top" data-aos="slide-right">
        <h3><em>Header Here</em></h3>
            <p>
                <big>
                    Content Here.
                </big>
            </p>
    </div>
    <script>
        AOS.init();
    </script>

我的代码有问题吗？还是图书馆？如果是图书馆，有什么好的选择吗？