質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
スクロール

スクロールとは、ディスプレイスクリーン上において連続的にコンテンツが滑っていくことを指します。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

1回答

337閲覧

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

退会済みユーザー

退会済みユーザー

総合スコア0

スクロール

スクロールとは、ディスプレイスクリーン上において連続的にコンテンツが滑っていくことを指します。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

1クリップ

投稿2023/12/09 01:41

編集2023/12/11 06:02

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
スムーズスクロール

よろしくお願い致します

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Lhankor_Mhy

2023/12/09 04:31

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

退会済みユーザー

2023/12/09 05:32

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

2023/12/11 02:10

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

回答1

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2023/12/12 01:13

課題です! ありがとうございます。 試してみたいと思います。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問