ネットを閲覧していてとても不快に感じることの一つに、『 「巨大な固定ヘッダ」を使っているサイト 』があります。さらに、大きなポップアップが閲覧画面の数カ所に表示されるサイトもあります。さらに、[閉じるボタン]もない!
何を考えてサイト作りをしているのかと考えてしまうような、困ったちゃんサイト。最近、このようなサイトが増えてきました。
固定ヘッダなので、画面をスクロールしてもヘッダは表示されたまま。このため、閲覧スペースがとても限定され、見るのが嫌になります。固定ヘッダだけでなく、フレームの場合もあります。スクロールしても常に表示される閲覧の支障となる邪魔なフレーム。
この問題の解決策は簡単。誰でも簡単に設定できる方法をご紹介します。javaスクリプトをブックマークに登録するだけです。文字で書いても理解しにくいと思うので動画を作ってみました。どれほど簡単に消せるかが分かると思います。
固定ヘッダやポップアップを一括して消せるスクリプト
スクリプトとは、以下のもの。これをブックマークに登録するだけです。
ブックマークに登録するスクリプト
javascript:(function()%7B(function%20()%20%7Bvar%20i%2C%20elements%20%3D%20document.querySelectorAll(‘body%20*’)%3Bfor%20(i%20%3D%200%3B%20i%20%3C%20elements.length%3B%20i%2B%2B)%20%7Bif%20(getComputedStyle(elements%5Bi%5D).position%20%3D%3D%3D%20’fixed’)%20%7Belements%5Bi%5D.parentNode.removeChild(elements%5Bi%5D)%3B%7D%7D%7D)()%7D)()
具体的に、登録方法を説明します。説明はFirefoxですが、他のブラウザでも同じです。
- 今開いているページをブックマークします。その時、保存する名前を適当に付けて下さい。ここでは「Kill Sticky」と付けます。そして[完了]ボタンをクリックします。
- 次に、Firefoxのメニューバーの[ブックマーク] ⇒ [すべてのブックマークを表示]
- すると、[ブラウジングライブラリー]が開きます。その中から、先ほど名前を付けて保存したブックマークを探します。
- このURLを削除し、上で示したスクリプトをコピーペします。
これで作業は完了です。あとは、このブックマークを[ブックマークツールバー]というフォルダの中に移動すると使い勝手が良いと思います。YouTubeで示したように、ワンクリックで固定ヘッダを消すことができます。