web-dev-qa-db-ja.com

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

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

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

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

javascripthtmlscroll
26
BahaiResearch.com

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