代码之家  ›  专栏  ›  技术社区  ›  John Holliday

自动滚动(aos)不在Wordpress中加载

  •  1
  • John Holliday  · 技术社区  · 7 年前

    我正在努力完成任何需要最小一点大脑功能的任务。我目前正在努力完成的任务是添加 AOS library 到Wordpress上的我的网站。

    我在我的全宽页面中添加了以下代码。Wordpress编辑器中的php模板:

    <script> AOS.init(); </script>
    

    此外,我在外观下添加了以下代码>主题设置(>);样式(>);外部JS字段(&A);外部CSS字段

    <script src="uploads/aos-master/dist/aos.js"></script>
    
    <link rel="stylesheet" type="text/css" href="uploads/aos-master/dist/aos.css">
    

    在所有这些之后,我将data aos属性放在我想要设置动画的html元素上,如下所示:

    <div data-aos="fade-up";>
    <h2>TEST TEST TEST</h2>
    </div>
    

    但是。。。什么都没发生;(

    如果可以设置,请与我分享我做错了什么。

    1 回复  |  直到 7 年前
        1
  •  1
  •   Serkan Algur    7 年前

    您确定aos样式表和javascript文件加载正确吗?你可以在页面上使用Chrome或Firefox的调试器(Chrome的快捷键是Ctrl(或CMD)+Shift+i)

    您还可以使用下面的代码更改样式表和javascript文件代码;

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.2.0/aos.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.2.0/aos.js"></script>