質問編集履歴

4

デベロッパツールで確認しました。

2018/09/26 09:29

投稿

Tomowe_kosaka
Tomowe_kosaka

スコア27

test CHANGED
File without changes
test CHANGED
@@ -15,6 +15,16 @@
15
15
  modalの背景(shade)がスクロールに従って透明度を失ってしまう。
16
16
 
17
17
  → opacity:0.3に設定しているshadeが、スクロールしていくとopacity:1になる。
18
+
19
+ → scrollごとに
20
+
21
+ ```
22
+
23
+ <div id="shade"></div>
24
+
25
+ ```
26
+
27
+ が生成されていた。1回だけにしたい。
18
28
 
19
29
 
20
30
 

3

ブラウザのバージョンを記載。

2018/09/26 09:29

投稿

Tomowe_kosaka
Tomowe_kosaka

スコア27

test CHANGED
File without changes
test CHANGED
@@ -141,3 +141,5 @@
141
141
  Bracketsリリース 1.13 ビルド 1.13.0-17696
142
142
 
143
143
  jQueryのバージョン不明
144
+
145
+ 発生するブラウザ Chrome 68.0.3440.106

2

画像を追加しました。

2018/09/26 09:26

投稿

Tomowe_kosaka
Tomowe_kosaka

スコア27

test CHANGED
File without changes
test CHANGED
@@ -1,3 +1,5 @@
1
+ ![イメージ説明](c387c4261bac223fcb2da32651153188.png)
2
+
1
3
  ### 前提・実現したいこと
2
4
 
3
5
 
@@ -11,6 +13,8 @@
11
13
 
12
14
 
13
15
  modalの背景(shade)がスクロールに従って透明度を失ってしまう。
16
+
17
+ → opacity:0.3に設定しているshadeが、スクロールしていくとopacity:1になる。
14
18
 
15
19
 
16
20
 

1

HTMLを追記しました。

2018/09/26 09:14

投稿

Tomowe_kosaka
Tomowe_kosaka

スコア27

test CHANGED
File without changes
test CHANGED
@@ -16,7 +16,23 @@
16
16
 
17
17
  ### 該当のソースコード
18
18
 
19
+ ```html
19
20
 
21
+ <div id="modalwin" class="modalwin hide fadein">
22
+
23
+ <a herf="#" class="modal-close"></a>
24
+
25
+ <div class="modalwin-contents">
26
+
27
+ <button id="modal-btn" class="btn">×</button>
28
+
29
+ modalwin-contents
30
+
31
+ </div>
32
+
33
+ </div>
34
+
35
+ ```
20
36
 
21
37
  ```jQuery
22
38
 
@@ -119,3 +135,5 @@
119
135
  ### 補足情報(FW/ツールのバージョンなど)
120
136
 
121
137
  Bracketsリリース 1.13 ビルド 1.13.0-17696
138
+
139
+ jQueryのバージョン不明