也许你想用CSS来做这件事，但用JS就很容易了。你可以在JS文件中使用可选的设置对象，在那里你可以初始化AOS，如下所示：

AOS.init({disable: 'mobile'});

在此可以使用以下值：“电话”、“平板电脑”、“手机”、布尔值、表达式或函数
有关更多选项，请查看https://github.com/michalsnik/aos

您可以使用这个js来指定您要禁用它的确切时间。

AOS.init({
  disable: function() {
    var maxWidth = 800;
    return window.innerWidth < maxWidth;
  }
});

没有一个解决方案对我有效，
我能够在移动设备上禁用动画的唯一方法是将aos.css的内容 Package 在一个媒体查询中，例如：

@media only screen and (min-width:750px) {
 
 /* paste here ​all the content of the aos.css file */    

}

这是完美的工作，因为它不覆盖CSS元素可以有，禁用动画没有interring.结合Mahidul Isalm Mukto的回应这是完整的解决方案.

类似于An的答案，但类不同。这将从2022年起生效-将类更改为'aos-animate'：

@media only screen and (max-width: 768px) {
  .aos-animate {

    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;

    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;

    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }
}

试试这个，它对我很有效：

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .animated {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
}

2022年更新。

这对我在aos 2. 3. 4”中起作用。

@media screen and (max-width: 600px) {
  .aos-animate {
    transition-property: none !important;
    transform: none !important;
    animation: none !important;
  }
}