javascript - 获取滚动元素jquery的百分比

Question

我似乎无法弄清楚如何计算这个值

在向下滚动页面时，我想创建一个函数来返回“滚动”的百分比。

所以我的 0 是元素即将显示时(它位于窗口底部，显示 0 个像素)，100 是元素完全通过时(元素位于窗口顶部) , 显示 0 个像素)。

我需要它来使用自定义动画进行视差，制作一个在元素显示时开始的动画，并以动画方式播放直到元素消失。

编辑:我看到的所有 Paralax 插件似乎都会强制您使用预制动画。我想为我自己的东西制作动画，所以这就是为什么我需要那个百分比值。

Answer 1

问完问题后，我并没有袖手旁观，继续做这件事。这似乎做了我想做的事情。

function ScrollPercent(jQEl){
    var currY = $('html').scrollTop();
    var elH = $(jQEl).height();
    var elTop = $(jQEl).offset();
    elTop = elTop.top;
    var fullH = $('html').height();
    var zero = elTop-elH;
    var hundred = elTop+$( window ).height();
    var scrollPercent = (currY-zero)/(hundred-zero);
    return scrollPercent;
}