スクロールで現れる「ページトップへ」の改造

宛先を#footerにしたら良いかと思います。
$(“#footer”).offset().top; ←これでフッターの位置がわかります。

動作サンプル: jQueryとcssだけで唐瀬へ戻るとFooterへ行くボタンを設置 | codepen

jQueryとcssだけで書いてみました。けど、トップへ戻るボタンは既にあるので、色々改造できるようにと、念の為に入れておきました。

例えば改造ポイントですが、スクロールの位置によってボタンを回転させ、classを付け替えたりします。
そのclassによって、トップへ戻ったりフッタへ行ったりするボタンを1つだけで実現できます。
あるいは、それぞれのボタンを表示しておきますが、スクロールの位置によって、片方をdisableにし、半透明などにした上で、動作させないようにしたりなど。

Simplicity向けには書いてないんですけど、原理がわかれば改造はできるかと思います。
クリックしたらスクロールするというのは、特別難しいことではありませんが、スクロールの位置によってどうするかは色々アイデアが必要です。
つまりは、どのように表示させるかが案外悩みどころだろうと思います。

回転させるサンプルは、うちのサイトですが、Simplicityをちょっと改造してみた part8-2 トップへ戻るボタン編2 オリジナルのまま改良 など。

色々とアイデアはあるかと思いますが、参考までに。

あと、何かしらバッティングするだろうと思うので、仮に子テーマのstyle.cssとjavascript.jsに書いた場合は、親テーマのトップへ戻る部分の処理をコメントアウトなどして、子テーマのみで動作するようにしておいてください。

変なリンクのタイトルになった（笑）

jQueryとcssだけでトップへ戻るとFooterへ行くボタンを設置 | codepen

が正しいタイトルです。僕はローマ字・かな入力どちらもできるんですけど、他人にPCを触らせないように、基本かな入力してます。そのせいもあってたまに妙な漢字が出たりしますけど、そこらは敢えて胸に納めて、突っ込まないように（笑）

Hidekichiさん
わいひらさん
いつもありがとございます。
早速教えて頂いたのを参考にチャレンジしたいと思います。
後程報告させて頂きたいと思いますのでよろしくお願いします。

velocity.jsを使ったりしていますが、
#30561の改造版 | codepen
で、ひとつのボタンがフッター行きとトップへ戻るを担います。
こんな感じで、その時々の状況によって行き先をフッター、トップと切り替えることもできます。時々って言ってもドキュメントの半分が境界なんですが（笑）

velocity.jsはjQueryのanimateの凄いやつです。
僕も昨日触ったばかりなので、あまりうまく使えてないんですけどね。

今回使った内容ぐらいでは大丈夫だろうと思いますが、jQueryのanimateはコマ落ちしたりするのでvelocity.jsを使ってみたりしました。velocity.jsじゃなくてもjQueryの機能でやることもできます。

Hidekichiさんいろいろと教えて頂き感謝してます。
しかしながら僕のレベルだとまだまだチンプンカンプンです。

教えて頂いたのを元にいまチャレンジしてるのは
Simplicityのjavascript.jsに追加でやろうとしてるんですがまだまださっぱりです。
ぜんぜんシンプルなもので良いのですが難しいですね。
まだまだ時間が必要になりそうです。

わいひらさん　良いプラグインを教えて頂きありがとございます。
問題なく動きました。
まだ少ししか試していないのですがGoodです。
このままでも使えるのですが
時間を削りながらもう少し勉強していきたいと思います。