超时时Jquery禁用切换div

vu8f3i0k  于 2022-12-03  发布在  jQuery
关注(0)|答案(1)|浏览(118)

在我的页面中,5秒后,使用setTimeout函数将一个div折叠,如果用户滚动,则该div折叠。我使用了slideUp和slideDown。如果启动超时,则该div关闭,但如果用户滚动,则该div打开,然后再次关闭。如果使用setTimeout函数自动关闭div,则我希望禁用使用滚动打开第一个div

<div class="divCollapse">Text here</div>

$( document ).ready(function() {        
        var timer;
        if(!$(window).scrollTop()) {    
         timer = setTimeout(function(){ $('.divCollapse').slideUp();}, 5000);
        } 
        $(window).scroll(function() {               
                if ($(this).scrollTop()>10){                    
                   $('.divCollapse').slideUp();
                    clearTimeout(timer);
                }
                else{                     
                   $('.divCollapse').slideDown();                        
                }           
        });          
    });

提前感谢您!

gfttwv5a

gfttwv5a1#

var timer;
if ($(window).scrollTop() <= 10) {
    timer = setTimeout(function () {
        $('.divCollapse').slideUp();
    }, 5000);
}
$(window).bind('scroll.collapse', function () {
    if ($(this).scrollTop() > 10) {
        $('.divCollapse').slideUp();
        clearTimeout(timer);
        timer = false;
    } else if (!timer) {
        $('.divCollapse').slideDown();
    }
});

相关问题