サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Google I/O
dev-lib.com
サイドバーって画面をスクロールさせていくと最後のほうは何も表示されなくなっちゃいますよね。 せっかくスペースがあるなら常に何か表示させておきたいと思うものです。 そこで今回は画面をスクロールするとサイドバーが固定表示されるものを作ってみました。 仕様は以下の通りです。 スクロールしたときにサイドバーが画面上部で固定表示される。 ヘッダーが表示されているときはヘッダーと被らない。 フッターが表示されているときはフッターと被らない。 サンプルコード 下に記載したコードは関係する部分だけを抜粋しています。 動くサンプルはこちらからどうぞ。 <!doctype html> <html lang="ja"> <head></head> <body> <div id="container"> <header></header> <nav id="headernav"></nav> <div id="c
このページを最初にブックマークしてみませんか?
『dev-lib.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く