gpt4 book ai didi

javascript - 当达到一定的滚动距离时触发事件 jQuery

转载 作者:行者123 更新时间:2023-11-27 23:15:07 25 4
gpt4 key购买 nike

我有一个基于 vh 的网站,其中包含滚动某个 vh 时要显示的元素。我尝试使用带有滚动距离变量的 if 语句,但它不会不断更新,因此它不起作用:

var distancePX = $(window).scrollTop();
var windowHeight = $(window).height();
var distanceVH = scroll/height * 100;
if (distance >= 170) {
//ACTIONS
};

我可以用什么来制作上面不断更新的版本?

最佳答案

使用纯 JS,您可以使用 onscroll 事件并将其绑定(bind)到主体。这是一个例子:

HTML

<body onscroll="myFunction()">
...
</body>

JS

var distancePX = $(window).scrollTop();
var windowHeight = $(window).height();
var distanceVH = scroll/height * 100;

function myFunction() {
if (distance >= 170) {
//ACTIONS
}
}

如果您更喜欢非标记解决方案,也可以使用 jQuery 的 scroll() 方法。使用此方法,您只需将 if 语句放在 scroll() 函数中。这是一个例子:

var distancePX = $(window).scrollTop();
var windowHeight = $(window).height();
var distanceVH = scroll/height * 100;

$("body").scroll(function(){
if (distance >= 170) {
//ACTIONS
}
});

希望这对您有所帮助!

关于javascript - 当达到一定的滚动距离时触发事件 jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43573245/

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