javascript スクロールアニメーションについて

javascript スクロールについての質問です。
スクロール位置が150pxになったら右下にトップへ戻るボタンが表示し、(フィードイン)トップへ戻るボタンを押すとスクロール位置が0に戻る。(この時トップへ戻るボタンも徐々にフィードアウトする)

どのようにコードを入力すればいいでしょうか？

<body>には <div id="wrapper"><h1>スクロールイベント</h1><div class="box">box </div><div id ="page-top">トップへ戻る</div></div><script>function pagetop() {

}

function fadeAnimation(flg) ｛

｝

と書かれてあり、追加でコードを記入したいです。

また条件があり、javascriptで記入すること

トップへ戻るのフィードイン、フィードアウトは
fadeAnimation関数を使うこと

使うキーワード
window.addEventListener
window.scroll
スムーズスクロール

よろしくお願い致します

Lhankor_Mhy

2023/12/09 04:31

「スクロール位置が0になったら右下にトップへ戻るボタンが表示」とのことですが、これはトップに来たとき、という意味でいいですか？

退会済みユーザー

2023/12/09 05:32

申し訳ありません間違えていたので修正致します。スクロール位置0となっていますが、正しくはスクロール位置150pxになったら画面右下にトップへ戻るボタンを表示させるという意味です。また、上記の内容のコードをどのようにて入力したらいいのか調べたところjavascriptではなく、jQueryでのコードが多く、入力の流れなどアドバイスをいただけたらと思います。

Lhankor_Mhy

2023/12/11 02:10

質問の方が修正されていないようでした。