Javascript Scroll追随

目次

FrontPage
・Windows11
・Chromebook
・Random
・機械学習
・さくらVPS
・Fedora13
・SuSe10
・Docker
・Ansible
・Java
・Scala
・Python
・Ruby
・Lisp
・Computer
・GIS
・HTML
・Culture
・Link

訪問者

total: 9426
today: 2
yesterday: 3
now: 11

更新

最新の10件

人気の10件

MenuBar

これは何？ †

• スクロールに追随する DIV
• 今回はヘッダーとフッターを作ってみた

調査 †

• Window幅の座標取得 → Javascript Windowサイズの取得
  • document.doby 系のプロパティを使えば良さそうだ
• 制限事項
  • DIV の右端と下端を Window の右端と下端にぴったりくっつけると、Window幅が広がってしまう
  • 右端を 5px 開ける必要あり → width:100% で回避可能
  • 下端を 8px 開ける必要あり
• Footer の下 8px 分を開けなければいけないため、Footer の下に地の文が出てしまうのがいけてない。FOOTER は HTML の下端固定が吉かも。

Sample †

HEADER と FOOTER がスクロール・リサイズに追随 †

HEADER は スクロール・リサイズに追随。FOOTER は HTML 下端固定(リサイズのみ追随) †

HTML