当元素在屏幕中占60%时，WOW.js启动动画

WOW.js start animation when element is 60% in screen

本文关键字：WOW js 启动 动画 元素 屏幕      更新时间：2023-09-26

使用WOW.js，是否可以在元素的X%可见时启动动画，而不是使用偏移值？

例如，我有一个宽度和高度为300px的元素，如果我将X%设置为50%，当用户滚动到屏幕上有150px的元素时，动画就会开始。

我查看了WOW.js的源代码，似乎没有办法将偏移量指定为百分比而不是像素。以下是如何在javascript:中进行操作

window.onload = function() {
    var elements = document.getElementsByClassName("offsetme50");
    var i;
    for (i = 0; i < elements.length; i++) {
        var offset = elements[i].clientHeight * .5;   //.5 = 50%
        elements[i].setAttribute("data-wow-offset", offset);
    }
}

加载页面后，此代码将自动运行。将class="offsetme50"设置为所需的所有HTML元素。

相关文章：