ブログやウェブサイトの上の方にずっと出ている固定ヘッダー(帯)を消すブックマークレット「Kill sticky headers」

パソコンでブログやWebサイトを見てるとき、スクロールとかどうしてますか?

マウスについてるスクロールホイールを使う派?
それとも矢印キーを地道に押す派?

私は親指でスペースキーをスパーンと叩く派です。

そんなスペースをスパーン派の私にとって悩ましいのが、ブログやサイトの上部に固定されてる帯の部分。

なんでコレが親指スパーン派にとって悩ましいのかは後ほど語りますが、とりあえずこの記事を読むことで

  • サイトやブログの固定帯を外す
  • …のみならず、スクロールしても追っかけてくる広告を消す

方法がわかるので、ぜひぜひどうぞ。

スポンサーリンク

すみません、固定ヘッダーがいかに嫌いか語りますm(_ _)m

さて冒頭でも書いたとおり、インターネットでウェブサイトを閲覧する時には、いつもスペースキーを使っています。

マウスとかトラックパッドでスクロールとか、面倒くさくって(;´∀`)

その点スペースキーでのスクロールなら、ポーンと一回押しただけで1ページ分進むから、面倒がありません。
それにスペースキーは親指の位置にあるし、大きいから押しやすいんですよね。

そんなスペースキーをターンッ!でネットを見ている私にとって敵とも言えるのが、固定ヘッダー。

これ最初なんて名称かわからなかったんですけど、要するに画面の上の方に常に出ていて、スクロールしてもスクロールしても表示されっぱなしのアレです。

固定ヘッダーの何がキライって、コイツがいるとスペースキーをターンッでスクロールした時に、上の方が1〜2行(下手したら3行)隠れてしまうんですよ。

要するにわざわざ上矢印キーを1、2回押さないと、文章が全部読めないわけです。

ほんっとストレスで…(~_~;)

でもこの固定ヘッダーって、もうずいぶん前から流行ってるじゃないですか。
ええ、確かに他のカテゴリーを見たりトップページに戻るには、楽かもしれない。

でもはっきり言って上の方のメニューってあんまり使わないんですよ、私。
本当に上部メニューにアクセスしたいんだったら、Macならコマンド+上矢印キーで一番上までジャンプできるじゃないですか?
(余談ですがiPhone や iPad なら、画面の一番上のバーをタップで画面上部まで一発戻って来られます)

それにショートカットキー使わなくても、最近では右下隅の方に上向きの矢印マークとかアイコンが出るようになってて、それをタップすればやっぱり画面の一番上まで一発スクロールできる。

だから何度も言って恐縮ですが、本当、固定ヘッダーって邪魔で邪魔で(;´Д`)

画面は狭くなるし、もう存在意義が分からない。
単に製作者側の自己満足のような気もしてくるんですけれども。。

固定ヘッダーだけでなく、鬱陶しい広告も結果的に消えた方法

で!
無駄なまでに固定ヘッダーdisってきたわけですが!!

その邪魔なアイツが今回たまたま「固定ヘッダー」という名前だということがわかったので、早速対策ですよ!!

といってもこれが情報探しに苦労した!
ググってもひっかかるのは Web 制作者側の視点ばかり。

自分が管理しているサイトの固定ヘッダーを削除したり非表示にしたり、という方法ばかりが検索結果に並んでたじろいだのですが、ひとつだけ!
GIGAZINE が欲しかった情報を紹介してくれていました。

それがこちらの記事ですっ!!

ウェブサイトを閲覧するときに邪魔になる固定ヘッダーを消すブックマークレット「Kill sticky headers」 – GIGAZINE

こちらのサイトで紹介されているブックマークレットを導入すれば、固定ヘッダーが一発で消せます!
作者様、本当にありがとう…あなた様の積まれた徳により、家内安全ご一族の皆々様方の繁栄が速やかに成就しますように(*˘人˘*)

導入の仕方と使い方は GIGAZINE でも図解されてますが、GIF動画にしてみました。

kill sticky headers bookmarklet

導入:
「Kill Sticky」という青いリンクボタンを、ブックマークバーにドラッグアンドドロップ。

使い方:
ブックマークバーからブックマークレットを選んでクリックするだけ。

本当はブラウザ拡張なんかで固定ヘッダーは全部一括キル、非表示!…というのがあればよかったんですけど、ちょっと見つけられませんでした。

でもこのブックマークレットのおかげで、本当に快適にネット閲覧できてます(*´∀`*)

参照: ウェブサイトを閲覧するときに邪魔になる固定ヘッダーを消すブックマークレット「Kill sticky headers」 – GIGAZINE

Digiprove sealCopyright protected by Digiprove © 2018

コメント