滚动动画 - AOS 库：有没有办法改变元素淡入效果的距离？答案

【问题标题】：Animate on scroll - AOS library : Is there a way to change the distance for fade in effect of element?滚动动画 - AOS 库：有没有办法改变元素淡入效果的距离？
【发布时间】：2017-11-26 13:32:11
【问题描述】：

我已经在网上搜索了一段时间，但找不到任何答案。我将 AOS 库用于滚动动画。我正在使用“左淡入淡出”效果，但希望淡入淡出效果开始“更远”，因此淡入淡出变得更长。那可能吗？谢谢！

AOS.init({
    duration: 1200
})

<div class="elm" data-aos="fade-left"></div>

【问题讨论】：

只需在问题中创建一个minimal reproducible example，以便我们检查、记录和跟踪代码。确保从 CDN 来源链接所有必需的资源。

标签： javascript css onscroll

【解决方案1】：

如果您进入 src>js>scss>_animations.scss 文件，您可以更改顶部的 $aos-distance 变量，默认为 100px

【讨论】：