質問編集履歴

4

①と②のURLが逆になっていたので、修正しました。

2022/08/15 08:14

投稿

miki-y
miki-y

スコア2

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

 

2022/08/14 07:31

投稿

miki-y
miki-y

スコア2

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
- scrollしたら、各h2のサイドの飾りをanimationを使い出現させる
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

 

2022/08/14 07:30

投稿

miki-y
miki-y

スコア2

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  サイトは下記の2つになります。
6
6
 
7
- https://pan-de-molde.y-miki-portfolio.com/
7
+ https://komugi-pan.y-miki-portfolio.com/
8
8
 
9
9
  https://pan-de-molde.y-miki-portfolio.com/
10
10
 

1

 

2022/08/14 07:29

投稿

miki-y
miki-y

スコア2

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
-