javascript - 从上到下滚动显示

Question

我正在尝试做一些事情，比如将 html 元素从 top 滚动到 bottom。但是现在我从下到上滚动。我发现了一些方法，比如从左到右或从右到左滚动。有什么解决办法吗？我正在使用来自 here 的 Scroll Reveal 插件.

这是我的 Html 代码。

<div data-sr="wait 0.8s">
    <div class="caption">
        <h3>Title</h3>
        <a class="btn ygn-btn" href="#">Download<i class="fa fa-download"></i></a></button>
    </div>
</div>

还有我的 Javascript 代码。

(function($) {
    'use strict';
    window.sr= new scrollReveal({
        reset: false,
        move: '50px',
        mobile: false
    });
})();

Answer 1

无论何时使用插件，您都应该仔细阅读文档。

enter 关键字控制动画的矢量原点(方向)。

<!-- Reveal with a downward motion -->
<div data-sr='enter top'> Foo </div>

引用:https://github.com/jlmakes/scrollReveal.js/wiki/Keywords