如果超时,Jquery禁用切换div

时间:2013-12-19 09:32:21

标签: javascript jquery scroll settimeout collapse

在我的页面中,5秒后,使用setTimeout函数进行div折叠,如果用户滚动,则div崩溃。我使用slideUp和slideDown。 如果超时开始,则div关闭,但如果用户滚动div打开然后再次关闭。如果div由setTimeout函数

自动关闭,我想用滚动禁用第一个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();                        
                }           
        });          
    }); 

提前谢谢!

1 个答案:

答案 0 :(得分:0)

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