by Japanexperterna.se

ウェブサイト閲覧時、解像度があまり高くない端末やディスプレイを使っていると、サイト上部に固定されているヘッダーすらも邪魔になることがあります。そんな悩みを抱いたAlisdair McDiarmid氏が、固定ヘッダーを排除するブックマークレットを作成・公開しています。

Kill sticky headers

https://alisdair.mcdiarmid.org/kill-sticky-headers/

まずはブックマークレットをブラウザに追加します。Firefoxを使っている場合は「Kill Sticky」と書かれたボタンを右クリックして「このリンクをブックマークに追加」を選べばOK。



IEやChromeには右クリックからブックマークに追加する方法がありませんが、ボタンをブックマークバー(お気に入りバー)にドラッグ&ドロップすればOKです。



あとはウェブサイトを閲覧していて固定ヘッダーを消したい時に、先ほど追加したブックマークを開けばブックマークレットが実行されて、ヘッダーが消えます。問題なく実行できるかどうかは、このブックマークレットを配布しているページの上部が固定ヘッダーになっているのですぐに試せます。

「Alisdair McDiarmid is a senior software engineer based in Toronto, Ontario. He really doesn't like sticky headers much at all.」と書かれている部分が固定ヘッダー。



ブックマークレットを実行するとヘッダーがすっと消えました。



なお、スマートフォンでもブックマークレットがちゃんと実行できるブラウザであれば同じようにヘッダーを消すことが可能です。