TOP

外部CSSで戻りボッチを導入

シリウスのレスポンシブサイトでは、デフォルトでページを下へスクロール以降
最上部の位置へリタ~ンする戻りボタンが標準で装備されていますが、

 

デザインがダサいとか?感じることがあるかもしれません

 

形状は画像ですので、基本テンプレートのingファイルでデザイン修正か
入れ替えればスタイルの変更はできるかも知れません

 

 

それはさてと置いといて、それも面倒なので当サイトでは親サイトでも
ご案内している、ページトップへ戻る構造のCSSを組み入れて表示させています

 

ま、こちらのほうが動きがいいんでが理由

 

 

作動確認は、当ページの右端をご覧ください

 

 

導入にいたっては、親サイトの解説そのままでは不作動ですので
レスポンシブテンプレートに当てはまるよう改造してます

 

また、デフォルトでの戻るボタンは、そのままでは表示されたまま!

 

二つの戻りボタンが混在してしまいます

 

非表示にするか、とかその他も含めての各対応解説

 

以下関連記事で詳細をご確認ください

 

CSSで作るスタンダートレベルプルダウンメニュー設定まとめ
トップページ

 

更新履歴

2016/08/12 22:03:12 | ページトップへの戻りボタン導入
シリウスレスポンシブ構造での標準装備で備えあるページトップへ戻るボタンではなく外部HTMlとCSS追加で、デザインおよび動きが異なるスクロールアップボタンを組み込む手順のご案内になります作動は当ページの右端に置いておりますので参考にしてくだ...