javascript - PagePiling.js 确定元素是否在 View 中

Question

我试图在一些文本进入 View 时为其设置动画。一切正常，但当我引入 pagepiling.js 时，用于确定元素是否在 View 中的函数返回 false。这是函数:

function elementInViewport(el) {
    var top    = el.offsetTop;
    var left   = el.offsetLeft;
    var width  = el.offsetWidth;
    var height = el.offsetHeight;

    while (el.offsetParent) {
        el = el.offsetParent;
        top += el.offsetTop;
        left += el.offsetLeft;
    }

    return (
        top < (window.pageYOffset + window.innerHeight) &&
        left < (window.pageXOffset + window.innerWidth) &&
        (top + height) > window.pageYOffset &&
        (left + width) > window.pageXOffset
    );
}

对可能出现的问题有什么想法吗？

Answer 1

请查看pagePiling.js callbacks的使用方法例如 afterLoad 和 onLeave。

您还可以查看the available example在 github 存储库的 examples 文件夹中。