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

Question

fmht7

319

216もっと見る

インターネットウェブ制作

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

a-kuma3 2012/01/15 22:26:17

同じく 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 になってますが　=)

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

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

リクエスト送信済

回答リクエストを送信したユーザーはいません

八咫烏 · Accepted Answer · 2012-01-15T01:23:44+09:00

名称というよりかは海外で作られた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/

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

ベストアンサー

八咫烏83532012/01/15 01:23:44

コメント（1件)

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