web-dev-qa-db-ja.com

Webページがスクロールしている間、上部に留まるDIV

ユーザーがWebページを下にスクロールするときに、DIVを視覚的にページの上部に表示するにはどうすればよいですか?

シンプルなJavascriptフレームワークは素晴らしいでしょう!

このWebサイトの場合: http://BiblePro.BibleOcean.com

26

IE6を気にしない場合は、position: fixed

div {
  top: 0;
  position: fixed
}

JQueryを使用する場合は、次の質問を参照してください: 「position:fixed」(常に上部)divを持つ最も簡単なjQueryの方法は何ですか?

45
Kobi

それは簡単で、トップのDivポジションを作成するだけで、固定で動作します。

Divタグを開始

<div style="position: fixed;background: #336699; width: 100%;">

最上位のdivタグにいる

2
Amriz khan