gpt4 book ai didi

jquery - 在jquery中向上滚动时执行某些操作,向下滚动时执行其他操作

转载 作者:行者123 更新时间:2023-12-01 00:12:48 25 4
gpt4 key购买 nike

我想在用户向下滚动时在我的网站上添加一个向下的小箭头,在向上滚动时添加一个向上的箭头。

我唯一能做的就是这个

$(document).ready(function(){
$(window).scroll(function () {
$("#bottomArrow").show();
setTimeout(function(){ $("#bottomArrow").fadeOut() }, 2000);
});
});

它不识别上下,只识别“滚动”。

如何使用 jQuery 做到这一点?

最佳答案

您需要检查 $(document).scrollTop() 的方式已更改。你可以这样做:

$(function() {

var prevScroll = $(document).scrollTop();

$(window).scroll(function() {
var newScroll = $(document).scrollTop();
if(newScroll < prevScroll) {
// Scrolled up
} else {
// Scrolled down
}
prevScroll = newScroll;
});
});

这里的测试用例:

http://jsbin.com/arazu3/

关于jquery - 在jquery中向上滚动时执行某些操作,向下滚动时执行其他操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2344136/

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