隐藏粘性标题栏

2013-03-23 169 views 0 likes

我有一个固定在页面顶部的粘性标题。我希望它正常粘贴到顶部，但向下滚动时隐藏，就像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

我不知道为什么用户删除它，但答案完美像一个魅力。谢谢。！ – Sasha 2013-03-23 11:22:00

我以为它没有解决你的问题。 XD – 2013-03-23 11:23:28

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

回答

从变化

position:fixed;

到

position:absolute;

来源

2013-03-23 11:20:11

你可以在这里试试这个代码，它工作正常：

window.onscroll=function(){ 

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

}

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

来源

2013-03-23 11:37:37

隐藏粘性标题栏

回答

相关问题