1. 首頁
  2. 問答
  3. 隱藏粘性標題欄

隱藏粘性標題欄

2013-03-23 210 views
0

我有一個固定在頁面頂部的粘性標題。我希望它正常粘貼到頂部，但向下滾動時隱藏，就像StackOverflow中的頂部欄一樣。我無法在其他類似SO線程上找到解決方案。如果可能的話，我只需要一個css/html解決方案。 這是我爲該div的代碼。隱藏粘性標題欄

#topbar 
{ 
    background-color: #E6E6E6 ; 
    width: 100% ; 
    padding-left: 850px ; 
    padding-top: 3px ; 
    color: brown ; 
    top: 0px ; 
    left: 0px ; 
    position: fixed ; 
    height: 33px ; 
}

來源

2013-03-23 Sasha

+1

我不知道爲什麼用戶刪除它，但答案完美像一個魅力。謝謝。！ – Sasha 2013-03-23 11:22:00

+1

我以爲它沒有解決你的問題。 XD – 2013-03-23 11:23:28

+1

Nah。它做了。 :) – Sasha 2013-03-23 11:25:18

回答

1

從變化

position:fixed;

到

position:absolute;

來源

2013-03-23 11:20:11

0

你可以在這裏試試這個代碼，它工作正常：

window.onscroll=function(){ 

    $(window).scrollTop()>0?$("#topbar").fadeOut():$("#topbar").fadeIn(); 

}

例如：http://jsfiddle.net/Kpwaw/

來源

2013-03-23 11:37:37

相關問題

 相關問題