Question

我有一个固定在页面顶部的粘性标题。我希望它能正常地粘在顶部，但在向下滚动时隐藏，就像StackOverflow中的顶部栏一样。我在其他类似的SO线程上找不到解决方案。如果可能的话，我只需要一个css / html解决方案。这是我的代码。

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

Answer 1

从

改变

position:fixed;

到

position:absolute;

Answer 2

你可以在这里尝试这个代码，它运行正常：

window.onscroll=function(){

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

}

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

隐藏粘滞标题栏

2 个答案: