今日覚えたこと

ページの先頭に戻るブックマークレット

JavaScript, 作った

なんか「ページの上に戻る」ボタンはブラウザに実装されるべきらしいので、ブックマークレットを作ってみた。

はてなダイアリーはJavaScript書けないので、ブックマークレット本体は以下のページに置いた。

• http://nacookan.com/2009/gototop.html

短いのでコード書いちゃうね。

javascript:scrollTo(0,0);undefined;

先頭にスクロールしているだけ。

動作確認

もろもろ最新版にアップデートしたばかりの自分の環境でテストした。

• Mac
  • Firefox 3.0.10
  • Safari 4 Public Beta (5528.17)
  • Opera 9.64
  • Chromium 2.0.181 (181.0)
• Windows
  • IE8 (8.0.6001.18702)
  • Google Chrome 1.0.154.65

まあ簡単なコードなのでJavaScriptを実行できる大抵のブラウザで使えると思う。これによって、多くのブラウザにおいて「先頭に戻る」ボタンが実装されたことになるわけだ(MacのChromiumは、現時点でブックマークバーにブックマークを登録する方法が無いっぽいので、まだ無理って感じだけど)。

先頭に戻る方法いろいろ

でも、わざわざボタンをクリックするより、マウスホイールを何も考えずに目一杯上に回転させた方が簡単な気がする。まあAutoPagerizeとか使ってると、ページが長いのでホイール回転で先頭まで行くのは大変だろうけど。

キーボードを使っていいなら、例えばMacのFirefoxならcommand+↑やfn+←、WindowsならHomeキーで先頭に戻れる。自分はいつもコレ。

マウスとキーボード併用なら、Macではoption+スクロールバーの任意の場所をクリック、WindowsではShift+スクロールバーの任意の場所をクリックで、そのスクロール位置にジャンプできるので、このやり方でスクロールバーの最上部あたりをクリックしてもいい。

どうしてもマウスだけでやるなら、Windowsではスクロールバーの右クリックメニューに「ここへスクロール」が出るのでそれが使える(Macでは無理かな。あとWindowsでもGoogle Chromeだとできない)。

まあこれらの方法が不満な人は、やっぱり今回のブックマークレットを使ってみればいいと思う。

iPhoneの話

ちなみにiPhone(iPod touch)のSafariは、画面上部のバーをタップすると一番上までスクロールする機能が、ブラウザ(や、それ以外の多くのアプリ)に実装されている。これはページの先頭よりもアドレスバー/検索バーにアクセスしたいときに使うので、非常に重要。

むしろiPhoneは「ページの末尾にスクロール」のUIを実装すべきだと思う。

Permalink | コメント(0) | トラックバック(0) | 02:27