从上到下滚动显示

Question

我正在尝试做一些事情，比如将 html 元素 top 滚动到底部。但是现在我从下到上滚动。我发现了一些方法，比如从左到右或从右到左滚动。有什么解决办法吗？我正在使用 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

从上到下滚动显示

Scroll Reveal from Top to Bottom

javascript

scroll

reveal.js