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

使用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);
    }
}

window.onload=function（）{
var elements=document.getElementsByClassName（“offsetme50”）；
var i；
对于（i=0；i

---

加载页面后，此代码将自动运行。将

class=“offsetme50”

设置为所需的所有HTML元素。

Hi，有没有办法将其设置为全局函数而不仅仅是特定元素？非常感谢@伊利亚米洛维奇，当然！我刚刚编辑了我的答案。我还没有测试过，所以请告诉我是否有效。@IlijaMilovic有帮助吗？非常感谢，但我不明白。如果我想让它成为全局的，这意味着当它在屏幕上显示50%时，在每个元素上启动动画比myDiv有什么用途？再次感谢@伊利亚米洛维奇好的，我明白你想做什么了。我更新了代码。