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 ;
}
4

2 に答える 2

1

から変更する

position:fixed;

に

position:absolute;
于 2013-03-23T11:20:11.767 に答える
0

ここでこのコードを試すことができます。正常に動作します。

window.onscroll=function(){

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

}

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

于 2013-03-23T11:37:37.420 に答える