HTMLで画面分割について

Question

teratailさんのWebページの様にヘッダー部分
を固定して常に表示するにはどのようにするのでしょうか。
HTMLのiFrameというのを使用すれば良いのでしょうか。
これはどの様に実現されているのでしょうか。
何かJavascriptで作りこまないとできないものでしょうか。

Comments

[K_3578]

デベロッパーツールで調べれば良いのでは。

[K_3578]

ヘッダー固定したいだけならHTML　ヘッダー固定とかで調べたらどうです。

[m.ts10806]

その、自身でどこまで調べたり試した上での質問ですか？

Answer 1

header要素にposition: fixed;して画面上部に固定してあります。
詳しくはCSSのpositionを総まとめ！absoluteやfixedの使い方は？をお読みください。

Comments

[eojvkx2]

わかりやすいサイトを見つけていただきありがとうございました。

Answer 2

ごく単純にcssでposition: fixed;すればよいのではないでしょうか。

Comments

[eojvkx2]

回答ありがとうございます。無事理解できました。