ショボ短歌会

ページトップへ戻るを画像で

解決済

  • 質問者：moo_a3123
  • 質問日時：
  • 回答数：2件

できればジャバスクリプトを外部において、それを呼び出せば、ページトップへ移動するそういうスクリプトを探しています。CSSをいじりたくないのです。
上のようなものがあれば教えていただけませんか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

「じわじわっと」、表現があいまいで凄くいいですね。


じつはあとから？○○したかったとか言い出しそうなパターンですが、

<!DOCTYPE html>
<html lang="ja">
<meta charset="UTF-8">
<title>じわじわ</title>
<style>
p { margin: 0;}
</style>

<body>
<a href="#top" id="A">Top</a>

<script>
{
　const
　　str = "じわじわとは、物事が確実に少しずつ進んでゆくさま。",
　　cnt = 300,
　　doc = document,
　　a = doc.querySelector ('#A'),
　　wait = 10,
　　
　　scrollUp = () => {
　　　if (0 < window.pageYOffset) {
　　　　window.scrollBy (0, -1);
　　　　setTimeout (scrollUp, wait);
　　　}
　　};

　
　for (let i = 0; i < cnt; i++)
　　doc.body.insertBefore (doc.createElement ('p'), a).textContent =
　　　'\u3000'.repeat (30-Math.cos(i*Math.PI/30)*30|0) + str[i%str.length];

　a.addEventListener ('click', (e)=> {scrollUp ();e.preventDefault ()}, false);
}
</script>
    • good
    • 0
    • 件
通報する
この回答へのお礼

回答、ありがとうございました。ジャバスクリプトでいろいろとできるんですね。＾＾
ちょっと加工して使わせていただきます。

通報する
お礼日時：2018/05/24 05:40

No.1

Javascriptはいらないんじゃないですか、アンカータグだけで良いですよ。


<a href=_top><img=botun.jpg></a>
    • good
    • 0
    • 件
通報する
この回答へのお礼

回答、ありがとうございます。
できれば、ある程度下までスクロールしたら、表示されて、じわじわっと、上に移動する、というのがほしいのですが。

通報する
お礼日時：2018/05/23 22:45

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報