2012-06-22 30 views
0

目前,我有以下代碼延遲呈現一定的點之後的固定杆。延遲顯示一個固定的吧,但隱藏瞬間

的代碼隱藏如果您滾動到頂部固定條,但會自動顯示2秒後的酒吧,即使滾動點低於70,所以應該一起隱藏。

$(window).scroll(function() { 
     if($(window).scrollTop() > 70) { 
      $('#mini-header').delay(2000).show(0); 
     } else if($(window).scrollTop() < 70) { 
      $('#mini-header').hide(); 
     } 
    }); 

jsFiddle顯示behaivor。

+0

問題是什麼??? – SuperSaiyan

+0

我怎樣才能使固定條顯示2000毫秒後,後通過了70點,但有它自動刪除當你起來。目前,它隱藏了一次,但在2000毫秒後顯示 - 儘管它不應該。 – Lee

回答

1

你可以改變你的else if一個簡單elsedisplay: none隱藏DIV - FIDDLE DEMO

$(document).ready(function() { 
    $(window).scroll(function() { 
      if($(window).scrollTop() > 70) { 
       $('#mini-header').delay(2000).show(); 
      } else { 
       $('#mini-header').css("display", "none"); 
      } 
    }); 
}); 

UPDATED DEMO

$(document).ready(function() { 
    $(window).scroll(function() { 
      if ($(window).scrollTop() > 70) { 
       $('#mini-header').stop().animate({ opacity:1 }, 2000, function() { 
        $(this).css("display", "block"); 
       }); 
      } else { 
       $('#mini-header').stop().animate({ opacity:0 }).css("display", "none"); 
      } 
    }); 
}); 

animate()就像一個delay()但差異 - 你可以stop()吧。

+0

酒吧將禁止延遲後2000毫秒,顯示了吧。 – Lee

+0

更新... ... –

+0

偉大的作品!謝謝! – Lee