gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 02:02:17 25 4
gpt4 key购买 nike

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

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

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

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

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

最佳答案

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

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;
}

关于javascript - 获取滚动元素jquery的百分比,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49241457/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com