Webサービスでブラウザ画面でページをスクロールしても矢印が追従して、それをクリックするとページの最上部や最下部に移動するUIについて

・名称のようなものがあれば教えてください。ナビゲーションボタンとか?
・実例を教えてください。例 http://twipple.jp/ http://www.tumblr.com/
関連 http://i.hatena.ne.jp/idea/30911

回答の条件
  • 1人5回まで
  • 登録:2012/01/14 14:38:57
  • 終了:2012/01/15 22:50:48

ベストアンサー

id:flandlescarlet No.1

八咫烏回答回数83ベストアンサー獲得回数532012/01/15 01:23:44

名称というよりかは海外で作られたjQueryライブラリ名称が一般のようです
名称:Animated Scroll to Top

Animated Scroll to Top

http://webdesignerwall.com/tutorials/animated-scroll-to-top


TOPにいるときはアイコンが表示されないが
スクロールすると矢印アイコンが表れてページの端っこにfixed(固定)した
状態となります
そのアイコンをクリックする事によりページの最上部や最下部に滑らかに移動

名称はTOPに進むですが、ソースを改変する事により上部だけでなく
下部にも進みます

実用しているサイト例

.インストール

http://dotinstall.com/home


ゆっくりと・・・

http://tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/smart-scroll-to-top-button-using-jquery/

id:fmht7

Autopagerizeなんかもきっとライブラリの名称がそのまま機能の名称になってたりすると思うので、「Scroll to Top」で良い感じと思います!

2012/01/15 02:17:13
  • id:a-kuma3
    同じく jQuery で、こちらも "Scroll to Top" の名前が付いています。
    http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm

    使ってるサイトの例。
    http://www.rynapse.co.jp/

    WordPress のプラグインでも、同様の名称を持つものがあります。
    http://wordpress.org/extend/plugins/tags/back-to-top

    # タグは、back to top になってますが =)

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません