gpt4 book ai didi

javascript - jQuery 滚动事件

转载 作者:数据小太阳 更新时间:2023-10-29 05:19:30 25 4
gpt4 key购买 nike

我正在尝试以下 jQuery 代码。
当我向上或向下滚动时,我想 fadeOut 一个 div,当滚动停止时 fadeIn 相同的 div。

我的是这样的:

$(document).ready(function(){
$(window).scroll(function(e){
$('#search_tab').fadeOut('slow');
});
});

我知道这会在滚动开始时淡出 div,但诀窍是在我停止滚动后淡出。

现在,我看到了这个(但仍然不是我想要的)

    //Firefox
$('#elem').bind('DOMMouseScroll', function(e){
if(e.detail > 0) {
//scroll down
console.log('Down');
}else {
//scroll up
console.log('Up');
}

//prevent page fom scrolling
return false;
});

上面的函数将完全不起作用如下:

 $(window).bind('DOMMouseScroll', function(e){
if(e.detail > 0) {
//scroll down
$('#search_tab').fadeOut('slow');
}else {
//scroll up
$('#search_tab').fadeOut('slow');
}

//prevent page fom scrolling
return false;
});

最佳答案

没有 scrollstop 监听事件,但您可以通过使用 setTimeout() 函数模拟一个,然后每隔一段时间清除 timer页面滚动的时间。这是一个示例 fiddle .

var timer;     
$(window).scroll(function(e){
clearTimeout(timer);
$('#search_tab').fadeOut('slow');
timer = setTimeout(checkStop,150);
});

function checkStop(){
$('#search_tab').fadeIn('slow');
}

关于javascript - jQuery 滚动事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14250661/

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