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

滚动从顶部到底部显示

1 个答案: