为jQuery的ScrollToFixed添加延迟

时间:2014-03-16 23:38:29

标签: jquery html5

我对jQuery插件ScrollToFixed有一个简单的问题。我的网站里面有我的资产净值。当滚动到达时,我应用了几行jQuery将它“粘贴”在屏幕顶部。它很棒。

我想做的是延迟发生,效果淡出。这意味着,当滚动到达NAV菜单时,屏幕上显示800毫秒。我有以下jQuery代码生效,我想知道我是否正在接近这个核心。

我有什么:

 $(document).ready(function() {
    $('nav').scrollToFixed();
 });

我尝试插入以模拟dealy和淡入淡出:

 $(document).ready(function() {
    $('nav').scrollToFixed().delay( 800 ).fadeIn( 400 );
 });

此时ScrollToFixed仍可正常工作,但延迟和淡入不会。还有什么我应该尝试的,我做错了吗?也许我还没有完全理解.delay().fadeIn()效果。感谢Stack用户的所有帮助。

1 个答案:

答案 0 :(得分:0)

您似乎无法使用delay(请参阅documentation):

  

.delay()方法允许我们延迟执行那些函数   在队列中关注它。它可以与标准效果队列一起使用   或者使用自定义队列。

另一种方法是改为使用setTimeout

setTimeout(function() {
    $('header').scrollToFixed().fadeIn( 400 );
}, 800);