質問編集履歴
1
リンク先追加、文章修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,14 +1,23 @@
|
|
|
1
|
-
現在サイト制作を行なっており、下記のサイトを参考にしてページ遷移の際にフェードイン・アウトを入れ
|
|
1
|
+
現在サイト制作を行なっており、下記のサイトを参考にしてページ遷移の際にフェードイン・アウトを入れる処理をしています。
|
|
2
2
|
[https://digipress.info/tech/page-transition-effect-how-to/](https://digipress.info/tech/page-transition-effect-how-to/)
|
|
3
3
|
|
|
4
|
+
### 前提・実現したいこと
|
|
5
|
+
ページ遷移のときに白くフェードイン・アウトする処理をしたい。
|
|
6
|
+
戻るボタンを押して遷移したときも同様。
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
### 発生している問題
|
|
11
|
+
|
|
4
12
|
実装自体はできたのですが、ブラウザの「戻る」ボタンを押して遷移した時だけremoveClassが作動せずに画面が白いままとなってしまいます。
|
|
5
13
|
|
|
6
14
|
下記サイトを参考にしてみたのですが、Safariだけ状況が改善されませんでした。
|
|
7
15
|
|
|
8
|
-
|
|
16
|
+
[https://teratail.com/questions/212957](https://teratail.com/questions/212957)
|
|
9
|
-
よろしくお願いいたします。
|
|
10
17
|
|
|
18
|
+
### ソースコード
|
|
11
19
|
|
|
20
|
+
|
|
12
21
|
```ここに言語を入力
|
|
13
22
|
//firefoxの戻るボタンで遷移した時
|
|
14
23
|
window.onpageshow = function () {
|
|
@@ -41,8 +50,9 @@
|
|
|
41
50
|
|
|
42
51
|
```
|
|
43
52
|
|
|
53
|
+
どなたかご教示いただけると幸いです。
|
|
44
|
-
|
|
54
|
+
よろしくお願いいたします。
|
|
45
55
|
|
|
46
|
-
|
|
56
|
+
### その他参考にしたサイト・記事
|
|
47
|
-
https://techacademy.jp/magazine/22422
|
|
57
|
+
[https://techacademy.jp/magazine/22422](https://techacademy.jp/magazine/22422)
|
|
48
|
-
https://yutaihara.com/archives/512
|
|
58
|
+
[https://yutaihara.com/archives/512](https://yutaihara.com/archives/512)
|