.toggle,让div慢慢出现jQuery

时间:2013-08-14 23:19:37

标签: jquery performance toggle

我有一个名为#scrollbox的div,当我的滚动位置超过170时出现。 如何使用.toggle使div慢慢显示。谢谢!

$(document).ready(function(){        
$(window).bind('scroll', function(){
    $("#scrollbox").toggle($(this).scrollTop() > 170);
});
});

2 个答案:

答案 0 :(得分:2)

为什么不使用fadeIn()

$(document).ready(function(){        
    $(window).bind('scroll', function(){
        if($(this).scrollTop() > 170)){
           $("#scrollbox").fadeIn('slow');
        }
    });
});

答案 1 :(得分:2)

而不是使用.toggle()我相信你使用.fadeIn(以ms为单位的速度)函数。

if ($(this).scrollTop() > 170)
    $("#scrollbox").fadeIn(250);
else
    $('#scrollbox').fadeOut(250);

使用.fadeToggle()函数可能会或可能无法实现上述效果。