プロフィール

カロシー

Author:カロシー
はじめまして。
訪問していただき
ありがとうございます。
よかったらコメントと拍手お願いします。


最新記事


最新トラックバック


月別アーカイブ


カテゴリ


カレンダー

07 | 2017/08 | 09
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -

Google Chromeの拡張「Scroll To Top Button」

Webページにページ最上部に戻るボタンを表示する
Google Chromeの拡張「Scroll To Top Button」をイン
ストールして使ってみました。

Scroll To Top Button
https://chrome.google.com/webstore/detail/scroll-to-top-button/chiikmhgllekggjhdfjhajkfdkcngplp?hl=ja

インストールしてWebページを下にスクロールすると
右上に矢印のボタンが表示され
scrolltotopbutton1.jpg
クリックするとページ最上部までスクロールします。


オプションでボタンの表示位置や色、大きさなどを設定
できます。
scrolltotopbutton2.jpg

「Button Mode」はページ最上部、最下部へのスクロー
ルボタンの表示設定。
scrolltotopbutton3.jpg
「Scroll to Top Only」はデフォルト設定の上スクロールボタンが表示されます。

「Flip between Top/Bottom」はページ最上部を開いている時には下スクロールボタンが表示され
scrolltotopbutton4.jpg
ページを下にスクロールすると上スクロールボタンに
切り替わります。
scrolltotopbutton5.jpg

「Dual Arrow」は上下スクロールボタンが表示されます。
scrolltotopbutton6.jpg

「Keyboard Only」は上スクロールボタンが表示されま
すがクリックしても反応せず、設定したショートカット
キーでスクロール。


「Scroll Speed」でスクロールのスピードを
scrolltotopbutton7.jpg
「Appear Distance」でボタンが表示されるタイミングを
設定でき「Barely Any」だと少しのスクロールでボタン
が表示されます。


「Button Size」でボタンの大きさを、「Button Design」
で色を設定できます。
scrolltotopbutton8.jpg


「Button Location」でボタンの表示位置を設定でき
scrolltotopbutton9.jpg
「Bottom Left」だとページの左下に表示されます。
scrolltotopbutton10.jpg


「Opacity of Button While Idel」でボタンの透明度
を設定できます。



関連記事

人気ブログランキングへ

コメント

コメントの投稿



管理者にだけ表示を許可する


トラックバック

http://caroccyblog.blog9.fc2.com/tb.php/1605-a36442fe

 | ホーム |