Android, iPhone, Nexus, Program

ブログに「ページ上部へ戻るボタン」を設置するスクリプト

こんばんは、LTEいいなぁと思い始めているころすけ(@wg_koro)です。

スマートフォン

スマートフォンでブログを見た時に、ページ上部へ戻るボタンを設置するスクリプトを書きました。前から作ろうと思ってたのです(・ω・)

これをセットして画面を下方向へスクロールさせると、右下に「ページトップ」と書かれたボタンが浮かび上がります。
ページトップへ戻るボタン
このボタンをタップすると、画面上部へスクロールして戻ります。
※このページをiPhoneかAndroidで見てみると分かると思います

iPhoneだと、画面上部の「時刻や電波が表示されているバー」をタップすればページ上部へ戻れます。しかしAndroidにはそういった機能がありません。上部に戻るためには、画面を延々とスクロールさせる必要があります。

そんな不便を解消したいなー・・・という理由で作成しました。

iPhoneの方も、スクリーン上部へ指をのばさなくて済むので楽になるはずですヨ。

使い方

スクリプトはGistにあげてあります。
Gist

Gistの使い方分からんがな!という方はこちらのzipをドウゾ。
http://zafiel.wingall.com/data/spscroll.js.1.0.zip

解凍して出て来たスクリプトファイルをサーバーへアップロードしてください。その後、header内でこのファイルを呼び出せば完了です。

仕様

  • jQuery不要
  • iPhone, Androidで見た時のみ動作します
  • position:fixed を使っているのでAndroid/iPhoneの古いOSだとおかしくなるかも

フィードバック大歓迎

バグや要望などあればお気軽にドウゾ(・ω・)ノ

Facebook / 広告
2012年10月24日 | Posted in Android, iPhone, Nexus, ProgramNo Comments » 

関連記事

コメントを残す

メールアドレスが公開されることはありません。

スパム対策のため、コメントする際は下記の計算式を埋めてください。 計算式の有効期限が切れました。計算式の隣にある再読み込みボタンを押してください。