固定ヘッダを使うとスペースキーでのスクロール量が合わなくなる 2013-01-13 position:fixed などでヘッダやフッタを画面上に固定しているサイトは少なくありません。facebookとかtwitterとかそうですね。 固定UI自体は便利なのですが、まず、PCブラウザにはスペースキーで1画面分スクロールできる機能がほぼ例外なくあります。そして、スクロール量は表示領域全体の高さなのですが、固定UIで隠れている領域は考慮されないので、本文を隠すような固定UIがあると、見た目上はスクロールしすぎてしまうのです。 BLOGOSの例を見てみましょう。 ハイライトした部分の本文が、固定フッタの下に隠れている。 スペースキーで1画面分スクロールさせると、隠れていた部分が画面外までスクロールしてしまい、見えなくなってしまった。 facebookやtwitterはポインタで操作するUI(いいね