scrolltopcontrol.jsを2つ設置し、片方をホームページに戻るボタンにしたい

Question

すごく変なことをしているかもしれないので、もっと簡単な方法等があれば教えてください。
scrolltopcontrol.jsを利用して、ページ最上部にスクロールするようにしています。
(http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm)
これと同じようにホームページに戻るボタンを設置したいと考えています。

まずは、トップに戻る用にscrolltopcontrol.jsを設定しました。
動作を確認したところで、scrolltopcontrol.jsの13行目「offsety」の数値を増やし、上方向に移動。(その下にHOMEボタンを置くため)
上に移動したのを確認。
scrolltopcontrol.jsをコピーしてscrolltopcontrol2.jsで保存。
12行目の画像の場所を変更13行目の位置を下に変更。
この状態で動作確認すると、scrolltopcontrol2.jsのHOMEアイコンだけが表示されます。

これを改造して、上に戻るボタン・ホームに戻るボタンを表示、ホームに戻るボタンの戻り先アドレスを変更して上に移動ではなくホームページに移動、とすることは可能でしょうか?

Answer 1

ご質問の理解が間違っていたらすみません。

scrolltopcontrol2.jsをアイコンの定位置設置のために使用しているということでしょうか・・？
見たところ、このJSはページTOPへのスクロールアニメーションを実装するものなようですね。

scrolltopcontrol.jsとscrolltopcontrol2.jsにはまったく同じ内容の処理が記述されているので
後に書いたscrolltopcontrol2.jsしか動作しないのだと思います。

単純にHOMEボタンを定位置に設置したいのであれば、CSSなどでレイアウト調整するべきかと思います。

HOMEボタンの設置例）

<p id="backtohome">
  <a href="ホームのURL"><img src="HOME画像のパス" alt="HOMEへ戻る" width="20" height="20"></a>
</p>

#backtohome {
  width: 20px;
  height: 20px;
  position: fixed;
  bottom: 10px;
  right: 10px;
}

Comments

[terataka]

あ・・・
確かにそうですよね…
これで良いですよね…
考えが固執してて気がつきませんでした。

これで行ってみたいと思います。
ありがとうございました。