質問編集履歴
4
①と②のURLが逆になっていたので、修正しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -4,9 +4,10 @@
|
|
4
4
|
|
5
5
|
サイトは下記の2つになります。
|
6
6
|
①
|
7
|
+
https://pan-de-molde.y-miki-portfolio.com/
|
8
|
+
②
|
7
9
|
https://komugi-pan.y-miki-portfolio.com/
|
8
|
-
|
10
|
+
|
9
|
-
https://pan-de-molde.y-miki-portfolio.com/
|
10
11
|
|
11
12
|
### 実現したいこと
|
12
13
|
①のサイト
|
3
test
CHANGED
File without changes
|
test
CHANGED
@@ -9,10 +9,12 @@
|
|
9
9
|
https://pan-de-molde.y-miki-portfolio.com/
|
10
10
|
|
11
11
|
### 実現したいこと
|
12
|
+
①のサイト
|
12
|
-
|
13
|
+
バーガーメニューをクリックしたら右からスライドしてメニューが現れる
|
13
14
|
(jqueryでheaderにopenクラスを付けて、.menu-listをright:-100%;から0%にしてスライド表示)
|
14
15
|
−−−−−−−−−−−−−−−−−−
|
16
|
+
②のサイト
|
15
|
-
|
17
|
+
scrollしたら、各h2のサイドの飾りをanimationを使い出現させる
|
16
18
|
(jqueryでスクロール時に.h2-commonに.h2-animeというクラスを追加し、.pink-dotと.green-dotをanimationでopacity0→1、rotateY0→-180degにする)
|
17
19
|
|
18
20
|
### 発生している問題・エラーメッセージ
|
2
test
CHANGED
File without changes
|
test
CHANGED
@@ -4,7 +4,7 @@
|
|
4
4
|
|
5
5
|
サイトは下記の2つになります。
|
6
6
|
①
|
7
|
-
https://pan
|
7
|
+
https://komugi-pan.y-miki-portfolio.com/
|
8
8
|
②
|
9
9
|
https://pan-de-molde.y-miki-portfolio.com/
|
10
10
|
|
1
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
### 前提
|
2
2
|
|
3
|
-
html/css、jqueryを使い、練習として架空サイトを作りましたが、cssの一部がSafariのブラウザだけうまく作動せず、
|
3
|
+
html/css、jqueryを使い、練習として架空サイトを作りましたが、cssの一部がSafari(MacとiPhone)のブラウザだけうまく作動せず、困っています。
|
4
4
|
|
5
5
|
サイトは下記の2つになります。
|
6
6
|
①
|
@@ -9,25 +9,26 @@
|
|
9
9
|
https://pan-de-molde.y-miki-portfolio.com/
|
10
10
|
|
11
11
|
### 実現したいこと
|
12
|
-
①
|
12
|
+
①バーガーメニューをクリックしたら右からスライドしてメニューが現れる
|
13
|
+
(jqueryでheaderにopenクラスを付けて、.menu-listをright:-100%;から0%にしてスライド表示)
|
14
|
+
−−−−−−−−−−−−−−−−−−
|
15
|
+
②scrollしたら、各h2のサイドの飾りをanimationを使い出現させる
|
16
|
+
(jqueryでスクロール時に.h2-commonに.h2-animeというクラスを追加し、.pink-dotと.green-dotをanimationでopacity0→1、rotateY0→-180degにする)
|
13
17
|
|
14
18
|
### 発生している問題・エラーメッセージ
|
19
|
+
①menu-listだけが表示されない(jqueryでクリック時にheaderへのopenというクラス付与はできている)
|
20
|
+
−−−−−−−−−−−−−−−−−−−−
|
21
|
+
②.pink-dotと.green.dot2が出現しない
|
15
22
|
|
23
|
+
※他のブラウザでは問題なく見れています。safariで表示されない原因はなんでしょうか?
|
16
24
|
```
|
17
25
|
エラーメッセージ
|
18
26
|
```
|
27
|
+
エラーは出てない?ような気がします。
|
28
|
+
|
19
29
|
|
20
30
|
### 該当のソースコード
|
21
31
|
|
22
|
-
```ここに言語名を入力
|
23
|
-
ソースコード
|
24
|
-
```
|
25
32
|
|
26
|
-
### 試したこと
|
27
33
|
|
28
|
-
ここに問題に対して試したことを記載してください。
|
29
34
|
|
30
|
-
### 補足情報(FW/ツールのバージョンなど)
|
31
|
-
|
32
|
-
ここにより詳細な情報を記載してください。
|
33
|
-
|